サイトを作る際、スマホでの表示を最適化するためにmeta name="viewport"を使ってコントロールします。 だいたい定番の書き方があってコピペで使いまわせるんですが、ピンチインアウトで拡大縮小できるようにするかしないか、どちらを選ぶのが良いか判断に迷うところです。 この2種のソースと、拡大縮小をできるようにするかしないか、僕なりの見解を書き留めておきます。
![viewportの書き方でピンチによる拡大・縮小ができるのがいいのかできないのがいいのか - ディレイマニア](https://cdn-ak-scissors.b.st-hatena.com/image/square/fda1f984cd4a34b7453fee6c5ad492c21654ee62/height=288;version=1;width=512/https%3A%2F%2Fdelaymania.com%2Fwp%2Fwp-content%2Fuploads%2F2014%2F11%2Fviewport-setting-eyecatch.png)
本文や見出しなどのフォントサイズをスマホ時やデスクトップ時で変える時、通常はMedia Queriesでスクリーンサイズごとに文字サイズを指定していると思います。 ここで紹介するフォントサイズの指定方法はちょっと新しいアプローチで、最初にベースとなるフォントサイズを設定し、スクリーンサイズが大きくなるにつれ、Viewport Unit(ビューポートの単位)で加算してサイズを大きくします。 Viewport Unit Based Typography 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Viewport Unit(ビューポートの単位)とは? フォントのサイズ指定のためのビューポートの使い方 他の文字の要素をビューポートで指定 縦のリズムとモジュラースケールをビューポートで指定 フォントサイズの指定の精度をアップする さらに精
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く