エントリー

【備忘録】ブログのレスポンシブ対応

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

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

 https://developers.google.com/web/fundamentals/design-and-ux/responsive

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

initial-scale=1

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

width=device-width

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

スマホの縦バージョン
20200912212441.jpg

スマホの横バージョン
20200912212442.jpg

勉強になった。

ページ移動

ユーティリティ

サイト内検索

twitter

ありがとうございます

過去ログ