\ えぬすぴブログ

 #1673  <<お知らせ>>

モバイルフレンドリーにする

久しぶりに「えぬすぴ」と「えぬすぴブログ」の状況を確かめてみたら、Google 先生から「 http://enusupi.web.fc2.com/ でモバイル ユーザビリティ上の問題が検出されました 」とお叱りを受けていた。

1 フォントサイズが小です
2 ビューポートが設定されていません
3 タップ要素同士が近すぎます

PCからでは問題がなくても、スマホからでは文字が小さくて指でタップしづらくなるなどの問題が出るらしい。

「えぬすぴ」の更新はまた後に。 「えぬすぴブログ」の方は問題ないということだったけれど、気になったのでテンプレートを直してみることにした。

調べると、ビューポート(meta viewport)を追加するとよいということだった。

 → ビューポートを設定する | Web Fundamentals - Google Developers

えーと、内容はよくわからないこともあるけど(汗)。 とりあえず書いてある通りに追加。

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

XHTMLなので、最後は「 />」に。

スマホは持っていないので PS Vita で見てみたけれど、そんなに変わっていないかも?(汗)。 あと、スマホ用のテンプレートはもう何年も更新していないけれど大丈夫かな?(汗)。

見やすくなっているといいな。

▼ 同じカテゴリーの記事

コメント

コメントの投稿

※ 「名前」と「本文」以外は省略できます。

  • ※ 必須
  • ※ 必須
  •  → 確認ページ (メールアドレスの記入があっても公開されません)
10 ← 2019年11月 → 12
-----12
3456789
10111213141516
17181920212223
24252627282930



 Google サイト内検索

▼タグ(抜粋)