2017年05月25日(木)

CSSのメディアクエリの問題点と改善策【あなたは気付いていましたか？】

• 0
• 0
• 3
• 3

CSSメディアクエリの何が問題なのか

CSSメディアクエリは何かのためにデザインされてはいるのですが、敏感なウェブデザインではありません。経験に基づくと、私がウェブサイトを機能させるためにクエリを利用しようとした時に、7つの大きな問題がありました：

1.直観的でない：

「CSSメディアクエリは直観的だ」と言ったウェブデザイナーはこれまでに一人もいません。あなたがメディアクエリを定義する方法は極めて直観的ですが、実際のブラウザやデバイス上で、そして無数のシナリオにおいて実行できるかということはいつも明確ではありません。

320～480ピクセルであれば、コードはビューポートに適応します。しかし、オペレーションの観点でデバイスをタブレットにしている時はそれに合ったルールを適応するように、あなたが特定の何かを行いたい時にクエリは決定的、あるいは直観的ではありません。これを行うためにメディアクエリを設定することは不可能ではありませんが、確かに決定性や直観性を欠きます。

2.限られた条件：

CSSメディアクエリはダイナミックであなたがCSSにおいて条件文を定めることを可能にしてくれます。例えば、もしもビ...