user-scalable=no よさらば
2016年9月15日 著 いろいろ覚え書きしておきたい事柄は溜まっているのですが、息子の夏休みが終わり週三日、平日の晩に塾へ迎えに行く生活に戻ってからというもの、なかなか時間をうまく使えず四苦八苦。それでも、これだけは書いておかねば......と思って書くのが、iOS 10のリリースに伴うSafariのアップデート。 既にベータ版がリリースされた時点でcss - disable viewport zooming iOS 10 safari? - Stack Overflowあたりで取り沙汰されていたことですが、user-scalable=no という、ユーザーによる画面拡大を妨げる指定が無効化されました（ベータ版のリリースノートには、理由としてTo improve accessibility on websites in Safari, users can now pinch-to-zoo
ナウでヤングなviewportの書き方調査 ＆ まとめ 2016 春 - みかづきブログ その3
結論 結論を先に書いておくと、当面は、 ページの拡大を止めないとき <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> ページの拡大を止めるとき <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no" /> と書いていこうと思います。 viewportとは viewportについての詳しい説明は省きますが、スマートフォン向けのサイトをコーディングする際に最も重要なポイントのひとつです。 ざっくりいうと、画面の横幅を何pxとして扱うかとう概念で、例えば
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
