gpt4 book ai didi

html - 为什么在 Windows Phone 7.5 上的 Internet Explorer 中向 body 元素应用边距时,我的字体大小如此困惑?

转载 作者:太空狗 更新时间:2023-10-29 15:41:57 27 4
gpt4 key购买 nike

我有一个在 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/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com