Opera Mini和CSS

我正在研究一個web應用程序，我想提高與不同種類的移動瀏覽器的兼容性。 Opera Mini令我瘋狂，我不明白爲什麼像下面這樣簡單的代碼無法正常工作。我只想要一個灰色的背景和一個白色的字體。我得到的是灰色背景和黑色字體。
下面的代碼：Opera Mini和CSS

HTML


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Strict 1.0//EN" 
    "http://www.w3.org/TR/xhtml/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=utf-8"/> 
    <link rel="stylesheet" type="text/css" href="./_css/index.css" media="screen"/> 
</head> 
<body> 
    <p>blabla</p> 
</body> 
</html>

CSS


html { margin:0; padding:0; } 
body { margin:0; padding:0; font-family:Helvetica; background-color:#BBBBBB; } 
p { color:#FFFFFF; }

感謝您的幫助，
卡米爾

來源

2011-04-08 craymond

因此樣式表被加載？這是正確的灰色？ – 2011-04-08 10:34:13

我猜財產媒體= 「屏幕」是原因這種錯誤行爲。

嘗試忽略它或其他值：http://www.w3.org/TR/CSS2/media.html#media-types

來源

2011-04-08 10:39:49 ChrisBenyamin

好吧，Opera Mini的adhoc媒體是'手持式'的。感謝克里斯的答案。 – craymond 2011-04-08 10:48:52

Opera Mini支持'media = screen'沒有問題。但是，如果您處於「移動視圖」模式，則會觸發Opera的小屏幕呈現視圖，或者使用「手持」媒體類型的CSS。因此，如果您希望文字在普通視圖模式和移動視圖模式下看起來相同，則需要同時包含「手持」和「屏幕」媒體類型。 – andreasbovens 2011-04-08 21:55:32

以下是來自@andreasBovens評論的[Opera Mini規格]（http://dev.opera.com/articles/view/opera-mini-web-content-authoring-guidelines/）。 – 2011-04-09 07:27:19

Opera Mini和CSS

回答

相關問題