HTML5/Viewport

こういう風に書いておけ、以上！

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

ほぼこれでいい。逆にこれを前提にしないと他の JS や CSS が書きづらくなる。shrink-to-fit は古い iPhone用 Safari の挙動を考えてのモノでもう特に必要ないかも。

レスポンシブデザインになっていないモノを無理やりレスポンシブにするためにこいつを書き換えるということはあるだろうが、単なるガキの言い訳にしか思えないので普通にレスポンシブ対応したほうがよい。

html/html5/viewport.txt · 最終更新: 2019-06-18 11:31 by ore

文書の先頭へ