如何缩小增加屏幕宽度？

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时，他们谈论的是浏览器的视口宽度，而不是物理屏幕的宽度。