魔法の呪文「viewport」

弊サイト「Gran-Fénix.com」は、ウェブサイトである以上、当然スマートフォンでも閲覧が可能です。
しかし、スマートフォンでは(少なくとも、私の手元にあるAndroidの某端末では)よく表示が崩れるのです。
具体的には、CSSがうまく機能せず、フォントサイズや行間設定がちゃんと反映されません。

おかしいなぁ、と長らく疑問だったのですが、やっと解決しました(多分)。
それが表題の「viewport」。

詳しい話は私が参照したページをご覧いただくとして、要するに
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
という一行を<head>部分に入れておこう! ということです。

ためしにとあるページ(Gran-Fénix.com内ではなく、別名義で作ったサイト)で試してみたところ、うまくいきました。
同じ悩みを抱えている人はぜひ試してください。

Gran-Fénix.comについては…
今後新しく作るページには適用しますが、これまでに作ったところは、まあ、気が向いたものから順次、ということで(←このまま放置の可能性大…)。

— Please feel free to contact me