- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:CSS スタイルシートについて教えてください)
CSSスタイルシートでブラウザの幅を縮める方法
このQ&Aのポイント
- CSSスタイルシートを使用してブラウザの幅を縮める方法について教えてください。
- 特定の要素の幅を固定するためには、CSSのプロパティを使用して幅を指定します。
- レスポンシブデザインを実現するためには、メディアクエリを使用してブラウザの幅に応じてスタイルシートを変更することが重要です。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
min-widthを指定すればよいだけです。 なお、スマホの普及など諸般の事情を考えると、640px程度までは伸縮するほうが良いでしょうね。 width:90%; min-width:640px; max-width:900px; margin:0 auto; position:relative; その上で、横並び要素も%で幅を指定する。(ブロック要素は、直近のstatic以外のコンテナブロックを参照できます。)
その他の回答 (2)
- 牧野 結菜(@makino03)
- ベストアンサー率40% (4/10)
回答No.2
http://www.geocities.jp/chiyou_chan/style.css 未確認ですがページの下記抜粋部分が効いてるのではないでしょうか .wrapper { margin: auto; width: 940px;←これ Chromeの右クリックから[要素を検証]でHTML、CSSなどの要素も調べられて便利ですよ。
質問者
お礼
便利な機能を教えていただきまして、ありがとうございました。
noname#175480
回答No.1
http://www.geocities.jp/chiyou_chan/ は http://www.geocities.jp/chiyou_chan/style.css と言うスタイルシートにリンクされています。 HTMLソース、cssソースを解析して 参考にしてみてください。
お礼
ありがとうございました!