【WordPresテーマ自作】当ブログのスマホ表示をようやく修正しました

2018年5月15日WordPressCSS,HTML,JavaScript,ワードプレス

なんか、ずっとスマホ表示画面の文字が小さかったんですけど、ようやく修正できました。
以下のサイトでモバイル表示が最適化されているか確認できます。

WordPresテーマ自作でスマホ表示で修正したところ

モバイル用ビューポート

完全に記述漏れです。以下をヘッダー内に追記すればOKです。

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

その他

  • コンテンツサイズをビューポートに合わせる
  • 基本のフォントサイズを16px、行間を1.2emにする
  • その他、細かいサイズ指定をビューポートやフォントサイズに合わせる

関連記事

参考記事

2018年5月15日WordPressCSS,HTML,JavaScript,ワードプレス

Posted by ナオ