Q&A
「意味はあります」という感じの回答でかまいませんか？
HP作成しておりまして、bodyに1200px指定しています。
このままメディアクエリで指定しても意味ありませんか？
cssには記載してます。
HTML
1body{ 2 max-width: 1200px; 3 margin-right:auto; 4 margin-left:auto; 5 height: 100%; 6｝
CSS
1@media screen and (max-width: 500px){ 2 3.headline{ 4 5width: 100% 6height:auto; 7} 8.nav-list ul{ 9 width: 100%; 10 height: auto; 11} 12.top-nav{ 13 width: 100% 14 height:auto; 15} 16.top-images{ 17 width: 100% 18 height:auto; 19} 20.company-wapper{ 21 flex-direction: column; 22} 23.company{ 24 width: 100%; 25} 26img { 27 28width: 50% ; 29} 30*{ 31 box-sizing: border-box; 32 width: 70%; 33 margin-left: 15%; 34 margin-right: 15%; 35} 36.main { 37 width: 100% 38} 39 40.main-image { 41 width: 100% 42 max-width: 100% 43 height: auto; 44} 45 46}
では、レスポンシブデザインに出来るという事ですね？
試してみればできるかどうかわかると思うのですが……
それとも、試してみたけど、できたかどうかわからなかったのですか？
極端に左による項目とimgをCSSで指定している内容が反映されないのでｓ。
その問題と、max-width: 1200px の関係性についてのご質問ですか？
色々ネットで情報を集めていたのですが、横幅固定していると出来ないと内容もあり、情報もバラバラの為混乱してしまい質問させて頂きました。
Lhankor_Mhy様の言う通りの質問です。
回答1件
0
ベストアンサー
極端に左による項目とimgをCSSで指定している内容が反映されないのでｓ。
意味はあります。
HTMLが提示されていないので推測ですが、その問題とmax-width: 1200pxに直接的な関係性はおそらくありません。
ひとまず、CSSの文法エラーを直すところから始めてください。セミコロン忘れが多いです。
投稿2020/12/16 07:20
編集2020/12/16 07:21総合スコア36175
ありがとうございます。
厚かましいお願いですが、レスポンシブデザインでスマホ対応の情報が詳しく記載されているページなどご存じないでしょうか？
単位はpxで可能と記載あるページと％でないといけないと言うページを見てどちらを信用していいのかわからなくなっております。
宜しくお願い致します。
Bootstrap はパーセンテージですね。
私見ですが「どれかでなくてはいけない」ということはないと思います。
こちらの記事はいかがですか？
https://developer.mozilla.org/ja/docs/Learn/CSS/CSS_layout/Responsive_Design
ありがとうございます。熟読が必要ですが頑張ってみます。いつもありがとうございます。
あなたの回答
tips
プレビュー
