【问题标题】:CSS Media queries works in Chrome but not firefox or safariCSS 媒体查询适用于 Chrome,但不适用于 firefox 或 safari
【发布时间】:2015-10-05 06:16:49
【问题描述】:

我是 stackoverflow 的新手,非常感谢并就此事提供帮助/意见。

我一直在研究一个网站,它在 chrome 上运行良好,并且可以响应不同的设备尺寸。我在许多设备上对其进行了测试。但是,在 Firefox 上,它在我设计的 27 英寸 mac 上看起来不错,但在较小的屏幕设备上它不起作用。就好像它根本没有检测到媒体查询。

这是该网站的链接:www.ujimatrading.com

这里是媒体查询 css 的粘贴:http://pastebin.com/uQgzxeTQ

抱歉,我是一名后端开发人员,并不真正喜欢前端的东西,所以任何提示都将受到高度赞赏。

非常感谢

【问题讨论】:

  • 一些 HTML 会很好。
  • 我认为你可以使用浏览器查看源代码来获得它?
  • 您在问问题,我们随时为您提供帮助。不要给我们带来困难 - 让我们轻松为您提供帮助。 =)
  • 好吧,抱歉我太粗鲁了 :) 这有帮助吗? jsfiddle.net/jmc1u42s

标签: html css firefox media-queries


【解决方案1】:

你的嵌套不好。

尝试像这样清理它:

@media screen and (max-width://pixels) { 

}
@media screen and (max-width://pixels) {

}

【讨论】:

  • 运气不好,我检查了带有崇高文本的大括号并且它们匹配,还添加了元标记,也没有运气:(
【解决方案2】:

听起来好像还没有设置视口。 尝试将此添加到您的 html 代码中:

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

解释here

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-03-19
    • 2015-07-25
    • 1970-01-01
    • 2013-06-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多