knowledge::short

ウェブページをAndroidのchromeで見た時に拡大縮小禁止にしたく、metaのviewportを指定するときにうまく行かず調べるときに気づいたのだが、viewport設定のmetaタグが2つ記載があると、後に記載された方が優先される模様。

例えば次の場合だと、下のmetaタグの設定の方が優先されて、拡大縮小禁止が有効になる。

<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

関連するタグ

関連するタグは現在ありません。