2013-07-25 31 views
1

我正面對Nexus 7關於CSS媒體查詢的一個非常奇怪的問題。媒體查詢在方向更改上運行正常,但如果我們將設備保持橫向模式並將其保持閒置一段時間,然後再進行方向更改,則視口將採用除縱向模式樣式之外的橫向模式的樣式。Nexus 7在空閒時間將設備從風景變爲人像時需要風景模式的造型

這裏是我寫

<!DOCTYPE HTML> 
<html lang="en"> 
<head> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link href="css/css.css" rel="stylesheet" type="text/css" /> 
</head> 
<body> 
<div></div> 
</body> 
</html> 

並在CSS文件中的造型是爲下面的代碼。

div {height: 500px; width: 500px;} 

@media only screen and (min-width:480px) { 
div {background: red;} 
} 
@media only screen and (min-width:768px) { 
div {background: green;} 
} 

對於這樣的iPad,iPhone,S3的其他設備等媒體查詢運行良好,即使這些設備保持空閒,然後向它需要相應的視口的造型,但在Nexus 7在div顏色保持綠色時,在設備保持空閒一段時間之後,方向從橫向改變爲縱向。

請幫我解決這種情況。

回答

0

嘗試更新視meta標籤屬性<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

+0

我的元視口更新爲 但仍然沒有解決方案,也試圖用所有已知的媒體查詢方法取得成功。 – Joel

+0

您還可以閱讀更多有關視口元信息,可以幫助您調試解決您發佈的問題http://developer.android.com/guide/webapps/targeting.html –

+0

已閱讀並實施所有在android開發人員論壇上給出的建議,仍然無濟於事 – Joel