Android中的媒體查詢

我想爲不同的android手機設備寬度使用不同的css文件。我們有一個三星Galaxy Mini（設備寬度：320px）和一個三星Galaxy Note 4（設備寬度：360px）進行測試。當我們使用下面的代碼時，沒有加載css文件：Android中的媒體查詢

<link href="css/iss_320_530_01_00.css" rel="stylesheet" type="text/css" media="only screen and (device-width: 320px)" /> 
<link href="css/iss_360_640_01_00.css" rel="stylesheet" type="text/css" media="only screen and (device-width: 360px)" />

什麼可能是解決方案？

來源

2016-02-09 Cemil Tatoglu

您使用PhoneGap的？ – Lorenzo

不，我只使用WebView和html，jQuery和CSS。 –

剛剛找到您可以在以下部分看到的解決方案。 –

我找到了解決方案，但現在我們遇到了另一個問題：我的scrollView的android:layout_height設置爲WRAP_CONTENT。根據following doc，應該設置爲MATCH_PARENT。
我從那裏報價：

「建議到的WebView佈局高度設定爲一個固定值或MATCH_PARENT而不是使用WRAP_CONTENT當使用 MATCH_PARENT的高度沒有任何的WebView父母的應該使用。一個 WRAP_CONTENT版面高度，因爲這可能會導致錯誤的大小的意見。「

我也改變了媒體的質疑如下：

<link href="css/iss_320_530_01_00.css" rel="stylesheet" type="text/css" media="screen and device-width: 320px" /> 
<link href="css/iss_360_640_01_00.css" rel="stylesheet" type="text/css" media="screen and device-width: 360px" /> Now, css files are loaded for Samsung Galaxy S3 Mini, but not for Samsung Note 4.

來源

2016-02-09 12:36:59

Android中的媒體查詢

回答

相關問題