html - 媒体查询 CSS 问题

Question

我的 css 中的媒体查询有问题，我想在屏幕尺寸为 900 像素时应用一种样式，但该样式在屏幕尺寸为 810 像素之前一直有效。

这是我的视口(viewport):

<meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no">

这是我的CSS:

@media all and (max-width: 900px){
    .form{display:none;}
}

我的html只有这个

<div class="form"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></div>

我找不到关于这个问题的解决方案。 感谢您的帮助:)。

Answer 1

我遇到了这个问题，只是我不小心缩小了浏览器屏幕。