问题与媒体查询css

我在我的CSS中的媒体查询有问题，我想申请一个样式，当屏幕大小为900px，但该风格的作品，直到屏幕尺寸为810px。问题与媒体查询css

这是我视：

<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>

我无法找到有关此解决方案问题。感谢您的帮助:)。

来源

2014-09-25 Er_

你可以上传吗？看看它是否适合我们？ – nicolast 2014-09-25 15:13:06

它为我工作：http://jsfiddle.net/kowbsLqm/。你必须有另一种风格重写它。 – rnevius 2014-09-25 15:20:25

这是链接http://er-xc.com/test/test.html，我在safari，chrome和firefox中测试过，并且我遇到了同样的问题 – 2014-09-25 15:24:29

我有这个问题，它只是我不小心缩小了我的浏览器屏幕。

来源

2014-09-25 14:57:54 user3211522

感谢您的回应，我检查了缩放并且是正常的：/ – 2014-09-25 15:08:24

尝试下面的任何让我知道，如果这对你还是不工作...

@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">

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

来源

2014-09-26 05:18:17 DeDevelopers

问题与媒体查询css

回答

相关问题