スレッド内全記事表示 (記事 7529 からのスレッド)
[7529] CSSのmax-widthプロパティの値について
絵里香 (2012年9月13日 19時17分)
こんにちは。以前に質問させていただいた者ですが、そのせつはお世話になりありがとうございました。
また質問をさせていただきたいのですが、差し支えないようでしたらよろしくお願いします。CSSの仕様書を読んでも意味がわからなくてお手上げで、他に信頼できる所がなくて水無月様に教えていただきたく伺ってしまいました。度々すみません…。
意味が解らなく困っているのは、max-widthの値に%指定をした場合の意味です。
CSSの仕様書、max-widthは最大の横幅を指定、min-widthは最小の横幅を指定で%値の場合は親ボックスの横幅を基準とする。という箇所の意味は理解してますが、算出値がmax-widthの値よりwidthの値が大きい場合…からの説明がピンとこなくて、どういう意味(表示)かわかりません。
以下のソースを見かけたのですが、よく解らなくなりました。div{
width : 900px;
max-width : 100%;
}
他に親になるボックスの指定はないので、親はbodyになると思うのです。そうなると、閲覧するブラウザ幅によって基準になる横幅が違い、900pxのブラウザだと最大の横幅はちょうどブラウザいっぱいの制限になり、900px以上のブラウザからだとwidthプロパティに指定した横幅900pxより大きいブラウザは、max-width: 100%の100%値でそのブラウザ幅いっぱいまでの意味だと思うので、max-width : 100%;の100%値で制限する意味がないと思うのですが…。
また、横幅900px以下のブラウザの場合、width : 900px;では領域を超えていると思います。
ですが、max-width : 100%;の指定だから、900pxより狭いブラウザはそのブラウザの100%幅に直される(600pxならその幅を指定したことになる)から、横スクロールはしないという説明をしていた携帯サイト様がありました。
ブラウザの領域を超えるwidthでも、max-width : 100%;指定をするとどのブラウザ幅にもマッチするのでしょうか?
私はSoftBank携帯しか持っていなく、パソコンからの確認ができないです。お手数かけてすみませんが、もしよろしかったらご教授よろしくお願いします。
- 全読: [7529]CSSのmax-widthプロパティの値についてからのスレッド(1件)]
- [7529] CSSのmax-widthプロパティの値について : 絵里香 (2012年9月13日 19時17分)