« ショックな出来事 | トップページ | スマホ対応Youtubeとgooglemap »

2015年10月 1日 (木)

スマホ対応画像のCSS

Smaho02

Smaho01

スマホでホームページを見たら画像が横にはみでる。

又は、途中で切れて全画面が表示しない
この時は スマホ用のCSSに追加する。
img {
max-width : 100% ;
height : auto ;
}
これだけスタイルシートのどこかに記述する。
これでそのサイトに載っている画像が全部横幅丁度に表示される。
そのままでまだ修正していない。
こちらは修正済み

|

« ショックな出来事 | トップページ | スマホ対応Youtubeとgooglemap »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/120043/62389261

この記事へのトラックバック一覧です: スマホ対応画像のCSS:

« ショックな出来事 | トップページ | スマホ対応Youtubeとgooglemap »