スマホ対応レスポンシブ対応のテンプレート

基本的にはhead内に↓を入れるとデバイスの横幅を自動的に判別します。
詳細はこちらを参照

<meta name="viewport" content="width=device-width, user-scalable=yes, maximum-scale=1.0, minimum-scale=1.0" />