【備忘録】自分のブログをレスポンシブ対応に改造してみた

googleで推奨しているレスポンシブサイト用のメタタグ

<head>
 <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

古いブラウザだと、必要みたい。

initial-scale=1

昔はこれでも良かったんだよな。

width=device-width

実際に試したみたけど、デフォルトで半分くらいのサイズで表示されてしまった。最初から指定することで、これを回避できるみたい。

スマホの縦バージョン

スマホの横バージョン

勉強になった。