ビューポートをモバイル向けに最適化する

Connor Clark
Connor Clark

公開日: 2025 年 10 月 8 日

ビューポートがモバイル向けに最適化されていない場合、タップ操作が最大 300 ミリ秒遅延する可能性があります。

この分析情報を渡す方法

ページの初回レンダリング時に、モバイル デバイス向けに最適化された <meta name="viewport"> 要素が存在している必要があります。

合格するメタ ビューポート要素の例を次に示します。

モバイル向けに最適化されたビューポートの条件は次のとおりです。

  • width 属性が何かに設定されている(device-width が最も一般的)
  • initial-scale 属性が設定され、その値が 1 以上である

その他の関連情報