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顏色保持綠色時,在設備保持空閒一段時間之後,方向從橫向改變爲縱向。
請幫我解決這種情況。
我的元視口更新爲 但仍然沒有解決方案,也試圖用所有已知的媒體查詢方法取得成功。 – Joel
您還可以閱讀更多有關視口元信息,可以幫助您調試解決您發佈的問題http://developer.android.com/guide/webapps/targeting.html –
已閱讀並實施所有在android開發人員論壇上給出的建議,仍然無濟於事 – Joel