Opera Mini 和 CSS答案

【问题标题】：Opera Mini and CSSOpera Mini 和 CSS
【发布时间】：2011-04-08 10:31:42
【问题描述】：

我正在开发一个网络应用程序，我想增加与不同类型的移动浏览器的兼容性。 Opera Mini 让我发疯，我不明白为什么像下面这样的简单代码不能正常工作。我想要的只是灰色背景和白色字体。我得到的是灰色背景和黑色字体。
这是代码：

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; }

感谢您的帮助，
卡米尔

【问题讨论】：

所以样式表被加载了？这是正确的灰色吗？

标签： html css opera opera-mini

【解决方案1】：

我猜想属性 media="screen" 是造成这种错误行为的原因。

尽量省略它或其他值：http://www.w3.org/TR/CSS2/media.html#media-types

【讨论】：

好的，Opera Mini 的临时媒体是handheld。感谢克里斯的回答。
Opera Mini 支持media=screen 没有问题。但是，如果您处于“移动视图”模式，则会触发 Opera 的小屏幕渲染视图，或者应用 handheld 媒体类型的 CSS。因此，如果您希望文本在正常和移动视图模式下看起来相同，则需要同时包含 handheld 和 screen 媒体类型。
这里是@andreasbovens cmets 来自的Opera Mini Specs。