Question

我正在开发一个webapp，我想增加与各种移动浏览器的兼容性。 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; }

感谢您的帮助，
卡米尔

Answer 1

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

尝试将其删除或使用其他值：http://www.w3.org/TR/CSS2/media.html#media-types

Opera Mini和CSS

1 个答案: