CSS Media查询适用于Chrome,但不适用于Firefox或Safari

时间:2015-07-16 00:21:32

标签: html html5 css3 firefox media-queries

我是stackoverflow的新手,对此事表示赞赏和帮助/意见。

我一直在网站上工作,它在Chrome上运行良好,并且可以响应不同的设备大小。我在很多设备上测试过它。然而,在Firefox上它看起来不错,我的27“mac也是我设计的,但是小屏幕设备却没有用。就像它根本没有检测到媒体查询一样。

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

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

很抱歉,我是一名后端开发人员,而不是真正的前端内容,所以任何提示都会受到高度赞赏。

非常感谢

2 个答案:

答案 0 :(得分:0)

你有一些不好的筑巢。

尝试清理它:

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

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

}

答案 1 :(得分:0)

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

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

解释here