webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき
読者です 読者をやめる 読者になる 読者になる

webかたつむり

ウェブデザインを勉強中

max-width フルードイメージ

  • この手法は<img>でしか使えない。画像をbackgroundにした場合は使えません。
  • <img> には幅高さを指定しない。dreamweaverでドラッグすると幅高さが記述されてしまうので、要注意。
  • windowの横幅に合わせたいけれども、画像のオリジナルサイズ以上にはしたくない時に使う。
  • とりあえず、悪いことが置きなさそうなので、reset に入れておくのがいいと思う。
  • img {vertical-align: bottom , border: none; max-width: 100% }

f:id:ohta-felica:20160527234649j:plain