人眼觀察會有視差，在設計的時候應該按怎麼看起來像想要的效果，而不是怎麼算出來是想要的效果。
常見的實踐是用解析度來測試，利用**查詢設計規則，但是每個**查詢都會增加成本。應該科學設定**查詢的斷點，它不是由具體裝置決定，而是由設計自身決定。
可以用下面技巧來減少**查詢：
總的來說， 我們的思路是盡最大努力實現彈性可伸縮的布局， 並在**查詢的各個斷點區間內指定相應的尺寸。 當網頁本身的設計足夠靈活時， 讓它變成響應式應該只需要用到一些簡短的**查詢**。合理使用簡寫是一種良好的防衛性編碼方式， 可以抵禦未來的風險。
像 stylus（ sass（ 或 less（ 這樣的 css 預處理器。 它們為 css的編寫提供提供了一些便利， 比如變數、 mixin、 函式、 規則巢狀、 顏色處理等。如果使用得當， 它們在大型專案中可以讓**更加靈活， 而 css 自身在這方面確實有很大侷限。
css編碼技巧
一 儘量減少 重複 二 使用一些技巧再通過少許的 查詢實現響應式。這些技巧包括 1 使用百分比來代替固定寬度。如果實在做不到這一點可以使用與視口相關的單位 vw,vh,vmin,vmax 2 當需要在較大解析度下得到固定的寬度時，使用max width而不是width，因為它可以適應較小的解析度而無...
CSS編碼技巧
本文將從dry currentcolor inherit和合理使用簡寫這幾方面來詳細介紹css編碼技巧 dry，即don t repeat yourself，儘量減少 重複 在軟體開發中，保持 的dry和可維護性是最大的挑戰之一，而這句話對css也是適用的。在實踐中，可維護性的最大要素是儘量減少改動...
css 揭秘 CSS編碼技巧
喜歡的給我乙個星吧 儘量減少改動時需要編輯的地方 當某些值相互依賴時，應該把它們的相互關係用 表示出來 易維護 vs 量少 currentcolor css有史以來第乙個變數 inherit可以用在任何css屬性中，而且它總是繫結到父元素的計算值 每個 查詢都會增加成本 查詢的端點不應該由具體裝置來...