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

Question

我有一个网站，当屏幕超过1400px时;该网站不再扩大。但是，我也有一个浮动元素。导航栏向左浮动，并随页面缩小。但是，如果屏幕尺寸变大，我不会对它进行调整。

如果有人在1400px以上的屏幕分辨率上查看我的页面，它可以正常工作并且不会移动。但是，如果有人查看网站并缩小视口大小而不是屏幕尺寸，则会一直停留在左侧并扭曲。

我希望显示div：如果屏幕尺寸或视口尺寸达到最大尺寸1400px，则为无;

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

Answer 1

你可以试试这个......

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

Answer 2

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

适合我：）

编辑：抱歉错过了关于缩放页面的部分。我不确定viewport是否应该像那样工作？