爲什麼媒體查詢中存在偏移量？

Question

我正在使用波旁整潔來創建一些響應式佈局。然而，我發現，我用被周圍70像素偏移媒體查詢..我設置的640像素片劑斷點（如CSS檢查顯示

然而，當我嘗試調整屏幕上，chrome告訴我，媒體查詢只適用於當窗口是在〜580px ...我很困惑，爲什麼這是，我不知道問題可能在哪裏。

感謝您的幫助！

Answer 1

對於基於像素的媒體查詢，放大和縮小可能會導致它們在不同的點上斷開。如果您使用em or rem，則可以使用基於像素的值，如果用戶決定縮放，則可以擁有更多的控制權。當他們縮放時，文本會改變大小，這可能導致斷點激活（並確保您的佈局看起來不奇怪）。

請注意，轉換爲em應該很容易。 The value of em in pixels is equal to the font-size value of the element in question（在這種情況下是根）以像素爲單位。默認情況下，這將是16px，因此將值除以16應該可以得到近似值em。