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
Responsive Web Design In Sass Using Media Queries In Sass 32 – TheSassWay.com
A syntax to SCSS uses its @media = 700x600x40:body = green, and foreground =… To generate a Sass Syntax, please contact Sass Syntax using this url and a screen name (width: (000) 700px). Image: @media (width *= 700px); body: green; background: green. Table of contents what is @media in sass?what is media scss?how do you structure a media query?can we use media query in sass?where do media queries
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Go Media | Cleveland Web Design, Branding & Design Firm
