Bre*_*dan 5 html css windows-phone-7 web
我有一个相对简单的HTML和CSS网站,它在桌面浏览器(IE9/Chrome)中看起来很好.但是,当我在Windows Phone 7.5中的Internet Explorer中查看它时,由于某些原因,它似乎使无序列表中的文本变得很大或很小,
这是产生奇怪结果的代码
<!DOCTYPE html>
<head>
<style type="text/css">
body {
margin: 0px 0px;
}
h1 {
font-size: 250%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 120%;
}
</style>
</head>
<body>
<h1>H1 header</h1>
<h2>H2 header</h2>
<h3>H3 header</h3>
<p>Some paragraph text</p>
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</body>
</html>
看一下li文本的大小,它应该是p标签的大小,但它很小.有关此文件的在线版本,请在此处查看此链接
我把它缩小到div margin上的属性body,如果其中任何一个被设置,那么文本比例就会变得疯狂.为什么会这样？这是一个错误吗？我可以解决这个问题,但是对于我来说,在容器上设置边距而不是单独设置所有子设置要方便得多
似乎用于Windows Phone 7的Internet Explorer移动设备应用某种字体大小调整来优化内容,但这至少会搞砸我的网站,请参阅此PDF"用于Windows Phone 7的Windows资源管理器移动版",其中简要介绍.
要停止此行为,请包含此CSS
html {
-ms-text-size-adjust: none;
}