波本威士忌/整潔媒體查詢電子郵件

Question

我有一些媒體查詢使用ems整潔。當使用像素，你可以這樣做：

@media (max-width: 640px) { ... } 
@media (min-width: 641px) and (max-width: 768px) { ... } 

當使用EMS這些類型的查詢將如下所示：

@media (max-width: 40em) { ... } 
@media (min-width: 41em) and (max-width: 48em) { ... } 

正如你可以在第一EM媒體查詢看到有40 EM和第二個媒體查詢有41 em。如果我們認爲1em是16px，則存在16px的差距。我該如何處理？

我可以將41 em更改爲40 em，但後來我有兩個媒體查詢40em。在使用不同參數的omega mixin（例如2n和3n）的媒體查詢中使用整齊的外容器和omega mixin時，這特別令人討厭。

問題是，媒體查詢是否滿足40em 2n和3n css規則，這給出了一些奇怪的佈局。現在我可以使用omega reset mixin。但我已經讀過，這不是一個好習慣。

我錯過了什麼嗎？任何人都有一些好的想法來處理使用ems的斷點。我也可以在媒體查詢中只使用min-with，但是我仍然需要使用omega reset mixin。

Answer 1

我只能使用最大寬度，因爲它們對移動用戶更友好。 這種方式最重的覆蓋是寬屏幕。

EM是數字，並不一定是固定的。 也許嘗試使用40em和40.1em，甚至更小？

Answer 2

目前我使用的只是最小寬度而不是最大寬度和移動第一種方法。感謝您的意見。

Answer 3

試試這個 - > EM（640）和EM（641）

http://bourbon.io/docs/#px-to-em