エントリー

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

 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

勉強になった。

ページ移動

コメント

  • コメントはまだありません。

コメント登録

  • コメントを入力してください。
登録フォーム
名前
メールアドレス
URL
コメント
閲覧制限



ユーティリティ

検索

エントリー検索フォーム
キーワード

ありがとうございます

新着画像

Feed