スマホで初期値の画面サイズが合わない件

スマホやタブレットなども増えて、画面幅でサイトを表示させなければならない条件も増えてきた。
ということで、自動的に画面幅に合わせて可変させる方法です。

スマホでは、イメージ（画像）を可変させて小さく表示させたい。

まず、viewportをちゃんと宣言。
イメージ（画像）のwidth:100%;
としてあげると、画面のサイズに合わせて可変表示してくれる。

以下当たり前の知識。
イメージ（画像）のサイズが大きすぎると、小さく表示させた場合に画像が荒れます。

イメージ（画像）のサイズが小さいのに、大きく表示させた場合は画像が荒れます。「フルードイメージ」っていうらしい。

http://ascii.jp/elem/000/000/699/699876/

img{ max-width : 100%}

これでOK・・・。

2013年最新版 アンドロイドは初期設定で使うな (日経BPパソコンベストムック) 編集：日経PCビギナーズ 参考価格：¥880 価格：¥880