CSS Media查詢可在Chrome中使用，但不適用於Firefox或Safari瀏覽器

Question

我是stackoverflow的新手，希望能對此提供幫助和幫助。

我一直在一個網站上工作，它在chrome上可以正常工作，並且可以響應不同的設備尺寸。 我在眾多設備上進行了測試。 但是，在firefox上，我也在我設計的27英寸Mac上看起來不錯，但是在較小的屏幕設備上卻無法使用。這就像它根本沒有檢測到媒體查詢一樣。

這是該網站的鏈接：www.ujimatrading.com

這是媒體查詢CSS的粘貼： http : //pastebin.com/uQgzxeTQ

抱歉，但是我是一個后端開發人員，並不真正涉足前端工作，因此任何提示都將受到高度贊賞。

非常感謝

Answer 1

您正在進行一些不良的嵌套。

嘗試像這樣清理它：

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

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

}

Answer 2

聽起來好像尚未設置視口。 嘗試將其添加到您的html代碼中：

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

在這里講解