css媒體查詢更改

Question

我有幾個關於CSS媒體查詢的問題。

I.兩個css文件（例如normal.css和lessthan1024.css）都必須包含所有css規則嗎？或者可以在1024.css中只包含不同的規則？

二，它是否適用於瀏覽器大小調整？或頁面是否需要刷新？

感謝

Answer 1

一比方說，你想有一個藍色的背景頭，無論分辨率。如果您只在lessthan1024.css文件中包含不同的內容，這意味着您不會在小於1024像素的文件頭中使用藍色背景。那麼你認爲在這種情況下你的問題的答案是什麼？

二，它適用於調整瀏覽器窗口的大小。沒有刷新。

---

話雖這麼說，我相信，它可能會更好：

I.使用移動優先的方法 - 這意味着你開始用最小的顯示尺寸爲常態，然後你開始調整你的網頁的外觀以適應更大的顯示器

二。使用@media規則將所有CSS顯示尺寸放在一個文件中;例如：

/* base styling: common rules + smallest display rules*/ 

@media only screen and (min-width: 35em) { 
    /* adjust style for larger display */ 
} 

我相信這是更好的原因是因爲......嗯，如果你使用2個.css文件，那麼你就會有重複的一些規則。假設你想改變其中的一些。你必須在2個地方進行相同的更改。也許你忘了在一個文件中進行更改。或者你可能不記得你已經在一個文件中爲1em設置了填充，並且在另一個文件中將其設置爲2em。