CSS3のMedia Queriesでスマホ用のサイトを作るも解像度の高いAndroidではまったこと : kagzugiの備忘録
Media Queriesを使えばスタイルシートだけでスマホに対応できます。 （賛否両論あるようですが…） あちらこちらのサイトを参考に @media only screen and (max-width: 480px) {...} @media only screen and (max-width: 320px) {...} などと記述して、iPhoneで動作確認し、これはなかなかおもしろいなと思っていました。 ところが最後に確認した新しめのAndoroidで見ると、画面に収まらず右にはみ出ています。 もちろん手でタップとかピンチインすれば合わせられますが、やはり開いた時から 画面に合わせたい所です。 さんざん悩んで調べて分かったことは、 そのAndroidのピクセル数は、横720ピクセル、縦1280ピクセル。 サイトを見る時は横360ピクセルで動作している。 作ったサイトには<meta
Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices
We built screensiz.es to help you quickly find the screen specifications of the most popular devices and monitors currently on the market. The size data comes from a variety of sources. For a better understanding of Pixel Density, check out this great post by Teehan+Lax. Our “popularity” guesstimates are derived from annualized monthly Google queries (from AdWords traffic estimator), and some fuzz
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
