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

回答

相关问题