第8回　Media Queriesの弱点をLESSで補う | gihyo.jp

テクノロジーカテゴリーの変更を依頼記事元:

gihyo.jp

13 usersがブックマークコメント

コメント

1

記事へのコメント1件

注目コメント
新着コメント

labduck ネストの内側で@media宣言してもいいのか

LESS

2012/12/25 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

第8回　Media Queriesの弱点をLESSで補う | gihyo.jp

前回はwhenやwhen notを使い、値によって場合分けをするmixinを作成しました。今回はさらに上級編とし... 前回はwhenやwhen notを使い、値によって場合分けをするmixinを作成しました。今回はさらに上級編として、CSS3のMedia Queriesを利用し、解像度ごとの振り分けや、iPhoneのRetina Displayの対応まで含めたmixinを作成してみましょう。 Media Queriesでさまざまな画像解像度に対応するスマートフォンのデザインで問題となるのは、画面解像度に対応しなければならないことです。画面解像度によって、指定するCSSを変えたり、高解像度の画像と通常の画像を振り分けるのは、めんどうな作業です。そんな問題を解決するのに役立つのが、「⁠Media Queries」です。 Media Queriesとは、CSS3から採用された新しい書式で、CSS2で採用されていたMedia Type（印刷用CSSを定義するprintなど）を拡張したものになります。 W3C

ブックマークしたユーザー

cu392014/04/20
kohshiba2013/07/17
masakuma08122013/07/02
naka-06_182013/02/25
hirotaka112013/02/02
ROBOT_KUN2012/12/31
kkeisuke2012/12/30
heyMackie2012/12/25
bitgleams2012/12/25
bero20062012/12/25
dentomo02012/12/25
labduck2012/12/25

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx