css最大設備寬度800不匹配的Android手機

我正在做一個網站，應該看起來不同的手機，而不是它在桌面上的樣子。我在nexus-s-android 2.3上測試它，如果這是相關的。我已將viewport元標記設置爲device-width。css最大設備寬度800不匹配的Android手機

在CSS中，我添加了一個@media all and (max-device-width: 800px)規則，它具有所有移動設備的特定樣式。但是沒有一個正在被應用。我已將它全部製作成!important，並將其作爲css文件中的最後一個塊放入，但仍然無法正常工作。

任何人都會遇到類似的情況？

來源

2011-04-27 aph

這個規則應該可行，但很難幫助你沒有更多的相關信息。你能否粘貼你的css文件的一些相關部分，以便我們可以幫助你？ – 2011-04-27 15:42:32

我有一個mobile screen width測試頁面，用於檢查移動設備上的各種屏幕分辨率。在我的HTC Desire中，寬度規則匹配800像素，如果我在視口元指定爲0.67。

如果我設置width到device-width與1.0的initial-scale，屏幕出現如CSS規則533個像素。

請在手機上查看它，看看它是否有助於您的網頁。

來源

2011-04-27 19:38:09 musaul

很酷。該頁面對檢查不同的設置非常有用。但令人煩惱的是，你必須設置這個初始尺度。爲什麼它在第一個鏈接上將寬度設置爲1440？ – aph 2011-04-27 21:40:05

移動電話具有較高的dpi，因此它們會縮放以增大視口，用戶可以平移。寬度爲1440，因爲這是頁面上最寬元素的寬度。在android瀏覽器中還有一個可能的錯誤，它導致顯示寬度像最寬的元素那樣寬。在頁面中有一個註釋掉的「border-bottom」規則來證明這一點。 – musaul 2011-04-27 22:02:12

你把這個在標題：

<meta name="viewport" content="width=device-width"/>

來源

2012-01-18 02:46:37

這似乎應該是一個評論，而不是一個答案。 – Ralgha 2012-10-26 19:02:21

css最大設備寬度800不匹配的Android手機

回答

相關問題