如何縮小增加屏幕寬度？

Question

我有分辨率爲1366 * 768像素的筆記本電腦屏幕，這意味着屏幕寬度是1366像素和高度是768像素，這是固定的，當我設置我的屏幕分辨率爲1366 * 768，如果我有一個網頁有CSS屬性

@media screen and (max-width:1366px){ 
    //css1 
} 
@media screen and (min-width:1361px) and (max-width:1500px){ 
    //css2 
} 

這意味着如果裝置的屏幕具有1366px或較小css1將適用於該頁面width，並且如果屏幕大於1366px然後css2將被應用。因此，我的筆記本電腦屏幕css1應該應用，因爲它的屏幕寬度爲1366px。

在縮放：100％，這工作正常，但如果我縮小，css2開始申請，我不明白如何發生這種情況，我的屏幕寬度是固定的，所以如何縮小可以增加我的屏幕寬度，。

我變得很迷茫，我想現在明白這塊屏幕的分辨率，像素，變焦，時間很長，但不能真正瞭解他們的作品，請幫助＃

Answer 1

媒體查詢限制的佈局寬度，並且如果達到此值（例如，通過縮小窗口或在具有指定大小的設備上查看時）已被不同樣式使用。這就是媒體查詢應該如何工作。

Answer 2

縮小時，您將增加視口尺寸。當媒體查詢引用screen時，他們談論的是瀏覽器的視口寬度，而不是物理屏幕的寬度。