css - 特定の画面解像度範囲に CSS スタイルがありませんか?

Question

私はしばらくレスポンシブ デザインに取り組んできましたが、twitter のブートストラップは最高のレスポンシブ フレームワークの 1 つです。

しかし、メディアクエリに関して質問があります。彼らのドキュメントには次のように記載されています。

/* Landscape phones and down */
@media (max-width: 480px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Large desktop */
@media (min-width: 1200px) { ... }

そして、私はすでにそれをテストしているので、979pxと1200pxレイアウトの間にスタイルがないため、すべてが台無しになります。だから私はそこにあるロジックを理解していません.誰かが私に説明してもらえますか?

Answer 1

980pxの間の幅1199pxがデフォルトであり、特別なメディア クエリを使用しないことが想定されています。したがって、その幅のすべてのスタイルを定義し、その後、他の「非標準」画面のスタイルを正当化します。