什麼是適當的CSS媒體查詢讓Android手機在橫向模式下使用移動格式？

Question

我正在通過CSS媒體查詢爲客戶端網站構建一個響應式主題。它以縱向模式在iPhone和Android上顯示移動網站，但在Android上，常規網站以橫向模式顯示（iPhone顯示橫向移動網站）。

下面是媒體查詢我用我的薄CSS文件：

all and (max-width: 480px), (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) 

是否有可能對大多數Android手機，我可以適應不同的寬度是多少？

Answer 1

像素尺寸沒有可以被認爲是面向未來的標準。

嘗試使用物理寬度（例如15釐米），而不是以像素爲單位的大小，這些大小在設備間會有很大差異。

Answer 2

大多數新的Android手機在橫向模式下的寬度可能超過800像素（這是更多的平板電腦肖像）。您可能想要添加的內容雖然也是最大高度，但可以檢測到500px左右的「移動風景」，並調整一些您可能需要與完整模式不同的內容。