Toolzy

ビューポート meta ジェネレーター

レスポンシブなビューポート meta タグを生成します。

出力

スケールとズームのオプションを設定して、レスポンシブなページ用の <meta name="viewport"> タグを生成します。

使い方

  1. device-width を切り替え、スケール値を設定します。
  2. ユーザーがズームできるかどうかを選びます。
  3. 生成されたビューポート meta タグをコピーします。

よくある質問

ユーザーのズームを無効にすべきですか?
通常はいいえ。ズームの無効化はアクセシビリティを損なうため、強い理由がない限り user-scalable は有効のままにしてください。
width=device-width は何をしますか?
レイアウトビューポートをデバイスの画面幅に合わせるもので、レスポンシブデザインの標準です。

関連ツール