CSS3媒体查询在Safari中无法工作

5

我有一个测试网站,地址是:69.16.224.73

媒体查询在IE9+、Firefox、Chrome和Opera上工作正常。但是它们在Safari(版本5.1.7)上无法工作。我从未见过这种情况,有人有什么想法吗?

这是我的网站上的两个媒体查询:

@media only screen and (min-width: 600px) { }

@media only screen and (min-width: 900px) { }

在Firefox、Chrome和Safari中检查了一下,任何一个浏览器都没有发生改变。 - Zoltan Toth
嗨Zoltan,再试一次,我正在测试,你可能是在我测试的时候查看了。对此很抱歉。 - user1159591
1个回答

5
你有以下内容吗?
<meta name="viewport" content="width=device-width" />

您可以将此代码放置在head标签的结束标记之前。


我已经添加了,但它仍然无法正常工作。在Windows上,Safari的正确媒体查询语法是什么? - Marcelo Noronha
尝试使用此元标记 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1" /> - jhunlio

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接