5

HTML と CSS に関して比較的単純な Web サイトを持っており、デスクトップ ブラウザー (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 タグのサイズのはずですが、小さいです。このファイルのオンライン版については、こちらのリンクを参照してください

これらのいずれかが設定されている場合、テキストの比率が狂ってしまいますmargin。bodyなぜこれが起こるのですか？これはバグですか？これを回避することはできますが、すべての子を個別に設定するよりも、コンテナにマージンを設定する方がはるかに便利です

4

1 に答える 1

8

Windows Phone 7 用の Internet Explorer モバイルは、コンテンツを最適化するために何らかのフォント サイズ変更を適用しているようですが、これは少なくとも私のサイトを台無しにしてしまうだけです。この PDFを参照してください。

この動作を停止するには、この CSS を少し含めます。

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