【问题标题】:Responsive Design - Iphone not picking up media query... works in browser响应式设计 - Iphone 不接收媒体查询...在浏览器中工作
【发布时间】:2012-12-30 03:09:39
【问题描述】:

在这个网站上工作: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 and (max-width: 540px) {

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

感谢您的任何想法/帮助!

【问题讨论】:

  • 如果我将我的电脑浏览器缩小到 320 宽度,它看起来和我的 iPhone 上的一样。你在期待什么?
  • 你好! - 我希望它使用我设置的媒体查询...当我缩小浏览器时,它会使用媒体查询:grab.by/j9mW,但在 iphone 上它只是正常样式:grab.by/j9n0...所以我希望 iphone 能够像我在浏览器中看到的那样使用媒体查询

标签: iphone mobile media-queries


【解决方案1】:

如果您在 Safari 或 Chrome 中打开该网站,您会发现媒体查询也不起作用。这是因为它们比 Firefox 对右括号更严格,您的 900px 媒体查询或 740px 媒体查询没有右括号。添加这 2 个支架,iPhone 应该会正确更改。

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

【讨论】:

  • 我爱你。我觉得有点愚蠢 - 谢谢你的时间
猜你喜欢
  • 2012-10-11
  • 1970-01-01
  • 2015-09-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-10-14
  • 2016-02-17
  • 2017-06-01
相关资源
最近更新 更多