スマホで幅をデバイスサイズに合わせる方法

この記事は2014年11月に公開したものです。ソフトウェアやサービスの仕様が変わり、現在の情報と異なる場合があります。

こんにちは。
SOHOデザイナーのAquaForest-アクアフォレスト-です。

最近スマホの需要も増えてきており、
レスポンシブデザインやスマホ最適化などの案件が増えてきました。

今回はスマホ制作の際の基礎として
スマホで幅をデバイスサイズに合わせる方法を書きます。

metaのviewportを下記の様にするだけです。

<meta name="viewport" content="width=device-width,initial-scale=1.0">

スマホ作る際にはこの設定をしてください。