css - 是否存在影响视口的“@media”样式？

Question

我有一个网站，当屏幕超过 1400 像素时；网站不再扩展。但是，我也有一个浮动元素。导航栏向左浮动并随页面缩小。但是，如果屏幕尺寸变大，我不希望它设置样式。

如果有人以高于 1400 像素的屏幕分辨率查看我的页面，它会工作并且不会移动。但是，如果有人查看网站并缩小视口大小而不是屏幕大小，它会停留在左侧并扭曲。

如果屏幕尺寸或视口尺寸达到最大尺寸 1400 像素，我希望 div 显示：无；

我需要兼容现代浏览器和移动设备。

Answer 1

你可以试试这个...

 @media screen and (max-width: 1400px){
      div {
            display:none;
    }
    }

Answer 2

@media (min-width: 1400px) {
    body {
        background:red !important;
    }
}

为我工作:)

编辑：抱歉错过了关于缩放页面的部分。我不确定视口应该这样工作吗？