スマホ向けサイトの表示幅を固定する(viewport)

2015年2月8日 / HTML5, webサイト

横向けの表示幅を固定し、ピンチでの拡大縮小をさせたくない場合の対応

headに以下のmetaタグを挿入する

    <meta name="viewport" content="width=device-width, user-scalable=no">

contentパラメータ内の’width=device-width’で各端末のwidthが取得され描画される
‘user-scalable=no’でピンチでの拡大縮小が抑止される


タグ: ,



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

TOPへ戻る