我有一个在 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 标签的大小，但它很小。有关此文件的在线版本，请参阅 this link here
我已经将它缩小到 body 和 div 上的 margin 属性，如果设置了其中任何一个，那么文本比例就会变得疯狂。为什么会这样？这是一个错误吗？我可以解决这个问题，但对我来说，在容器上设置边距比单独设置所有子项要方便得多
最佳答案
似乎适用于 Windows Phone 7 的 Internet Explorer mobile 应用某种字体大小调整来优化内容，但这至少最终会搞砸我的网站，请参阅 this PDF 'Windows Explorer Mobile for Windows Phone 7简要说明。
要阻止这种行为，请包含这段 CSS
html {
-ms-text-size-adjust: none;
}
关于html - 为什么在 Windows Phone 7.5 上的 Internet Explorer 中向 body 元素应用边距时，我的字体大小如此困惑？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13443770/