媒體查詢，而不是標準的css

Question

真的，我不知道如何問這個問題。但是，如果我需要做響應站點，爲什麼我應該寫CSS和只有媒體查詢，如果我可以一次在媒體查詢的適當範圍內編寫必要的樣式，同時使HTML中的網站的基地？

Answer 1

你的問題不是很清楚，但我相信你問爲什麼不把所有的CSS寫入媒體查詢，而不是一些「正常」的CSS然後媒體查詢針對設備。

「正常」css是適用於所有視圖端口範圍（無論大小）的默認值。然後使用媒體查詢修改或覆蓋各種寬度所需的任何默認值。

如果您不使用默認的CSS，那麼您可能會在所有各種媒體查詢中反覆複製大量相同的CSS屬性。這會讓你的CSS變得越來越難以維護。通常像字體和背景顏色，字體家族等都是在一個地方在基本的CSS中定義的。如果您在各種媒體查詢中反覆重複這些內容，除了造成大量不必要的冗餘外，如果您決定更改顏色或字體，則必須在很多地方（而不是僅僅一個）更改它。

在設計「移動第一」時，通常希望基本樣式反映出您希望網站在移動設備上的外觀如何，然後添加媒體查詢以更改從較小到最大尺寸的較大設備的佈局。這並不是說您不使用媒體查詢來定位最小的設備，但是從基本CSS和定位移動設備開始被認爲是最佳做法。

此外，您不必先編寫所有基本CSS（針對您的整個站點），然後再進行媒體查詢。但是你應該首先編寫一個元素或一組元素的基本CSS，然後根據需要用媒體查詢修改它。