PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
<meta name="viewport" content="width=1024" /> タイトルを「iPadに最適なViewportの値は"1024"」から「WebサイトをiPadに最適化させる1行」に変更しました。 上の1行をheadタグ内に追加するだけで簡単にサイトをiPadに最適化することが出来ます。 内容的には「iPadを横長に持ったときにページが正確に(pixel by pixelで)レンダリングされる」という意味で、Appleもそうしています[1]。 例外としては、 <meta name="viewport" content="width=device-width" /> 固定幅を持たないWebサイトでは上のように記述するのが有効で、iPhoneなら320px、iPadでは768pxの値が自動的に代入されます。 (480pxや1024pxでない点に注意。本体を横長に持っても
viewport メタタグと @viewport 規則 Translated by Masataka Yakura · 31 Mar, 2011Published in: target-densitydpi, mobile, opera mobile, viewport, device-pixel-ratioThis is a translation of An introduction to meta viewport and @viewport, written by Andreas Bovens. はじめに Opera のモバイル製品ではずいぶん昔から viewport メタタグをサポートしています。Opera Mobile 11 になって viewport 実装はより堅牢なものになり、また、異なる画面密度に対応する新しいメカニズムもサポートしました。さらには、私たちが提出した @v
iPod touch/iPhone の viewport 属性の区切りはセミコロンではなくカンマ viewport 属性の区切りはセミコロンじゃなくてカンマじゃない? 日本でも iPod touch/iPhone 用のウェブサービス・インターフェイスが続々出てきましたが、実際に使われている meta 属性の viewport プロパティの区切りが2種類存在することに気が付きました。カンマ(コンマ)を使っているところと、セミコロンを使っているところです。 カンマ区切りの viewport <meta name="viewport" content="width=320, user-scalable=no /"> セミコロン区切りの viewport <meta name="viewport" content="width=320; user-scalable=no; /"> Apple の開
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く