HTMLとCSSで以下の2つのボックスを横並びにする記述を教えてください。 画面を縮小したときにデザインが崩れないようにして欲しいです。 ボックスのサイズは縮小しても構いません。

ベストアンサー

1

1人がナイス!しています

ThanksImg質問者からのお礼コメント

希望通りのデザインになりました。 お早い回答ありがとうございました。 もう人方もありがとうございます。

お礼日時:7/31 14:14

その他の回答(1件)

0

恐らくCSS Gridレイアウトで可能だと思われます。 「CSS Grid 入門」でググって下さい。 蛇足ですが、もしフロントエンドをガッツリやりたいなら、下記を参考に実際に「実用的なWebページ」を作ってみると良いでしょう。 ユーザー・フレンドリー(レスポンシブ・デザイン)・Webページ作成の注意点 http://ashtarte.pa.land.to/utf8/smt.cgi?r+twilight/&bid+000000F9&tsn+000000F9&bts+2021/06/02%2005%3A23%3A49& 「PC、タブレット、スマホ」などで解像度は機種ごとに違うので、特定の解像度に依存しないユーザー・フレンドリー(PCフレンドリー、タブレット・フレンドリー、スマホ・フレンドリー)なページが推奨されます。 (各解像度のチェック自体は それほど難しく無いので)現在 Webページを作成しているなら、実際にChromeのデベロッパー・ツールのモバイル・エミュレーターで「PC、タブレット、スマホ」の各解像度をチェックしてみると良いでしょう。 また、フォント・サイズもイロイロ 変更してみて、イロイロなフォント・サイズに対応可能かどうかもチェックしてみると良いでしょう。