Question

我的css中的媒体查询有问题，我希望在屏幕尺寸为900px时应用样式，但该样式有效，直到屏幕大小为810px。

这是我的视口：

<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

我遇到了这个问题，而且我不小心缩小了我的浏览器屏幕。

Answer 2

尝试以下任何一项，让我知道它是否适合你......

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

同时将视口行更改为：

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

OR

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

媒体查询问题css

2 个答案: