max-widthとmin-width

  • min-width：「要素をこれ以上小さくしない」という幅の制限をかけられる
  • max-width：「要素をこれ以上大きくしない」という幅の制限をかけられる
  • どちらもwidthの%指定と合わせて使うと便利（50%で基本表示させたいけど、◯◯px以上にはしたくない！など）
  • max-width:100%により画面サイズから画像がはみ出ないように設定できる
  • 縦横比が崩れてしまったときはheight: autoを指定
inserted by FC2 system