前 目 次

viewportを加えると

このページは

h1,h2,pだけのページと構造的に同内容です。違うのは、<meta name="viewport" content="width=device-width">があることです。

いわゆるブロックを構成するタグは、h1, h2, p ,address だけです。文字の大きさの指定は一切廃しました。margin,paddingもすべて % 単位の指定です。

googleはなんと判断するでしょうか

<meta name="viewport" content="width=device-width">がないページは、

テキストが小さすぎて読めません

ビューポートが設定されていません

クリック可能な要素同士が近すぎます

と言われました。

安達順一(2017-08-25)