5

我有一个在 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，如果设置了其中任何一个，那么文本比例就会变得疯狂。为什么会这样？这是一个错误吗？我可以解决这个问题，但对我来说，在容器上设置边距比单独设置所有子级要方便得多

4

1 回答 1

8

似乎适用于 Windows Phone 7 的 Internet Explorer Mobile 应用了某种字体大小调整来优化内容，但这至少最终会搞砸我的网站，请参阅此 PDF 'Windows Explorer Mobile for Windows Phone 7简要说明。

要停止这种行为，请包含这一点 CSS

html {
   -ms-text-size-adjust: none;
}
于 2012-11-21T00:20:05.457 回答