CSS媒體查詢 - Android沒有響應

我試圖將一些響應式設計元素應用到網站。我的目標是根據屏幕寬度隱藏右側。我已經能夠在我的桌面上（當最小化窗口時）改變行爲以及我的iphone。但是，我的andriod仍然顯示正確的一面，就像整個桌面網站一樣。CSS媒體查詢 - Android沒有響應

我將max-width設置爲750px，但將其增加到1000以嘗試讓andriod做些事情，但仍然不是運氣。

我的CSS看起來像這樣原本：

#container { 
width: 980px; 
text-align: left; margin: 10px auto; font-family: Arial; font-size: 1em; 
} 
#rightnav { 
float: right; align: center; width: 300px !important; margin: 0; padding: 12px 5px 5px 5px; 
}

的CSS，我加入這個媒體查詢的東西：

@media all and (max-width: 1000px) { 
    #container { 
    width: 95%; 
    margin: 5px auto; 
    padding: 5px; 
    } 
    #rightnav { 
    display:none;}

我沒有它完美，而是一個最小化的桌面屏幕上或我的iphone4，右側不顯示，表明響應式設計正在工作。但是，在andriod上，CSS根本沒有響應。

和往常一樣，在此先感謝...

來源

2012-12-20 Kevin

你錯過了從第二一段代碼一個右括號。 Android設備的寬度是否爲1000像素或更少？ –

謝謝，最後}在我的代碼中，我爲了簡單而在這裏截斷了一些東西，並忘記顯示它。我的andriod上的屏幕是420 x 800. – Kevin

您是否有這樣的視口集？： –

-1

添加視標籤：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

來源

2012-12-20 23:21:36

你不應該帶走用戶的變焦能力，除非你有一個*真正*的理由。 – cimmanon

上面的視口示例來自我自己的網站，我不希望用戶能夠縮放網站。如果OP想要改變他的話。 –

CSS媒體查詢 - Android沒有響應

回答

相關問題