响应式设计 - Iphone没有拿起媒体查询...在浏览器中工作

时间:2013-01-15 21:49:51

标签: iphone mobile media-queries

在此网站上工作:http://thegoodgood.com/gus_2 响应式查询在浏览器中工作,但当我去iphone时,它不使用查询... 你可以在这里看到它:  http://www.we-are-gurus.com/tools/responsive-design-tester.php?url=http%3A%2F%2Fthegoodgood.com%2Fgus_2%2F&d=320x480&scroll=off#

我已确保将其包含在标题中:

有点难过????

这是我使用的查询:@media screen和(max-width:540px){

(我已经在网上搜索并尝试了一堆不同的查询来尝试定位宽度但没有任何内容......)

感谢任何想法/帮助!

1 个答案:

答案 0 :(得分:0)

如果您在Safari或Chrome中打开该网站,您会发现媒体查询也无效。这是因为他们对关闭括号比对firefox更严格,没有关闭括号用于900px媒体查询或740px媒体查询。添加这两个括号和iPhone应该正确更改。

如果您想支持Internet Explorer,您可能还想在该浏览器上查看您的网站。