媒體查詢在Android瀏覽器上失敗

我想開發一個網絡應用程序，根據設備（及其方向）應用適當的樣式表。媒體查詢在Android瀏覽器上失敗

我總共有5個媒體查詢：

//for mobile phones in portrait mode 
<link rel="stylesheet" media="all and (max-device-width: 480px) and (orientation:portrait)" href="css/mobile-portrait.css"> 

//for mobile phones in landscape mode 
<link rel="stylesheet" media="all and (max-device-width: 480px) and (orientation:landscape)" href="css/mobile-landscape.css"> 

//for tablets (iPad) in portrait mode 
<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" href="css/tablet-portrait.css"> 

//for tablets (iPad) in landscape mode 
<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" href="css/tablet-landscape.css"> 

//for desktop computers 
<link rel="stylesheet" media="all and (min-device-width: 1025px)" href="css/desktop.css">

一切正常，在桌面上，iPad和iPhone（在瀏覽器和Web應用程序的版本），但在Android的瀏覽器景觀媒體查詢失敗？有任何想法嗎？我有'最大設備寬度'錯了嗎？

來源

2011-06-10 jayfield1979

網絡設備通常不報告，你指望他們什麼，所以不應對媒體查詢你認爲他們做的方式。也許在http://www.ckollars.org/dimensions-no-meta-viewport.html和http://www.ckollars.org/dimensions-meta-viewport.html指向你的測試瀏覽器會很有用，他們怎麼說。 – 2012-09-28 23:26:15

這是因爲大多數較新的Android手機類似於480寬800高，取決於設備，所以你寫你的方式，Android景觀應該由平板電腦風景CSS拾取。但我覺得我碰到了與Android不拾取樣式類似的問題，所以我說這一切似乎工作...

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

你有這個在你的頭上你的樣式表的鏈接？

來源

2011-07-18 23:36:24 Bryant

在Droid1 - 視口大小是320×569

來源

2011-07-22 20:03:30

媒體查詢在Android瀏覽器上失敗

回答

相關問題