カテゴリー:
CSS
閲覧数:868 配信日:2012-02-08 00:00
max-width:100%;
原寸画像サイズまで拡大
例.画像サイズが100pxの場合
・div枠が200pxだったとしても、100pxまでしか表示しない
※あくまでも最大表示サイズは、原寸。決して拡大表示されることはない
width:100%;
原寸画像サイズ以上に拡大
例.画像サイズが100pxの場合
・div枠が200pxだったとしたら、200pxまで拡大表示される
※確認ブラウザは、Firefox10.0。他ブラウザだとまた挙動が異なるかもしれない
ところで、今、書いてから気付いたんだけど、分からないのは、「max-width:auto;」と「width:auto;」の違いであって、「max-width:100%;」と「width : 100%;」の違いではなかった。まあ、でも、こっちもあんまり分かってなかったので、このエントリーは消さずに残しとこー