最佳實踐：樣式表：小型設備

當爲網站編寫級聯樣式時，我們可以使用媒體查詢爲小型設備指定最佳實踐：樣式表：小型設備

例如， @media only screen and (min-width: 480px) and (max-width: 767px) {}

這可以在特定頁面級別（例如.html），樣式錶鏈接或者.css本身中輸入。

更好的做法是提供完全獨立的樣式表，加載主要樣式表並且被「僅移動」版本覆蓋，或者在樣式表本身中覆蓋選擇器？（大概是用於佈局的樣式將是互斥的）

此外，您應該嘗試從較小的設備中首先閱讀不適用的樣式，以避免不必要的工作？

最後，開發人員是否應該將注意力集中在不太可能與較小設備不兼容的響應式樣式上，從而完全避免這些問題？

2012-10-27 Stumbler

並非所有屬性都可能會受到屏幕尺寸（背景，顏色等）的影響。您應該使用默認樣式表，並在媒體查詢結束時爲其中的相關屬性覆蓋重寫。 –

我不會加載額外的樣式表 - 這只是一個不必要的要求。您應該使用@media查詢覆蓋主樣式表中樣式下的樣式。

2012-10-27 16:56:03 Neil

回答