Opera Mini 和 CSS
我正在开发一个网络应用程序,我想增加与不同类型的移动浏览器的兼容性。 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; }
感谢您的帮助,
卡米尔
I'm working on a webapp and I would like to increase the compatibility with the different kinds of mobile browsers.
Opera Mini drives me crazy, I don't understand why a simple code like the following doesn't work properly. All I want is a grey background and a white font. What I get is a grey background and a black font.
Here's the code :
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; }
Thanks for any help,
Camille
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我猜属性 media="screen" 是造成这种错误行为的原因。
尝试忽略它或其他值:http://www.w3。 org/TR/CSS2/media.html#media-types
I guess the property media="screen" is the cause of this wrong behaviour.
Try to leave it out or another value: http://www.w3.org/TR/CSS2/media.html#media-types