ウェブページをモバイルフレンドリーあるいはレスポンシブにする必要最小限の方法です。
モバイルフレンドリーにするだけならば「<meta name=”viewport” content=”width=device-width,initial-scale=1″>」をheadの中に入れるだけでOKです。
「viewport」は表示領域という意味です。
「width=device-width」は幅をデバイスの幅に合わせるということです。
「initial-scale=1」は倍率の初期値を1倍にするという意味です。
つまり「表示領域をデバイスの幅に合わせる」ということになります。パソコンの幅、スマートフォンの幅に合わせて表示することができます。
モバイルフレンドリーであるかチェックするには次のサイトを使います。
コメント