• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:CSS スタイルシートについて教えてください)

CSSスタイルシートでブラウザの幅を縮める方法

このQ&Aのポイント
  • CSSスタイルシートを使用してブラウザの幅を縮める方法について教えてください。
  • 特定の要素の幅を固定するためには、CSSのプロパティを使用して幅を指定します。
  • レスポンシブデザインを実現するためには、メディアクエリを使用してブラウザの幅に応じてスタイルシートを変更することが重要です。

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

min-widthを指定すればよいだけです。 なお、スマホの普及など諸般の事情を考えると、640px程度までは伸縮するほうが良いでしょうね。 width:90%; min-width:640px; max-width:900px; margin:0 auto; position:relative; その上で、横並び要素も%で幅を指定する。(ブロック要素は、直近のstatic以外のコンテナブロックを参照できます。)

okwave40
質問者

お礼

ありがとうございました!

その他の回答 (2)

回答No.2

http://www.geocities.jp/chiyou_chan/style.css 未確認ですがページの下記抜粋部分が効いてるのではないでしょうか .wrapper { margin: auto; width: 940px;←これ Chromeの右クリックから[要素を検証]でHTML、CSSなどの要素も調べられて便利ですよ。

okwave40
質問者

お礼

便利な機能を教えていただきまして、ありがとうございました。

noname#175480
noname#175480
回答No.1

http://www.geocities.jp/chiyou_chan/http://www.geocities.jp/chiyou_chan/style.css と言うスタイルシートにリンクされています。 HTMLソース、cssソースを解析して 参考にしてみてください。

参考URL:
http://www.geocities.jp/chiyou_chan/style.css