html – 为什么在Windows Phone 7.5上的Internet Explorer中将边距应用于body元素时,我的字体大小如此混乱?

html – 为什么在Windows Phone 7.5上的Internet Explorer中将边距应用于body元素时,我的字体大小如此混乱?,第1张

概述我有一个相对简单的 HTML和CSS网站,它在桌面浏览器(IE9 / Chrome)中看起来很好.但是,当我在 Windows Phone 7.5中的Internet Explorer中查看它时,由于某些原因,它似乎使无序列表中的文本变得很大或很小, 这是产生奇怪结果的代码 <!DOCTYPE html><head><style type="text/css">body { margin 我有一个相对简单的 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移动设备应用某种字体大小调整来优化内容,但这至少会搞砸我的网站,请参阅 this PDF ‘Windows Explorer Mobile for Windows Phone 7,其中简要解释.

要停止此行为,请包含此CSS

HTML {   -ms-text-size-adjust: none;}
@H_403_36@ 总结

以上是内存溢出为你收集整理的html – 为什么在Windows Phone 7.5上的Internet Explorer中将边距应用于body元素时,我的字体大小如此混乱?全部内容,希望文章能够帮你解决html – 为什么在Windows Phone 7.5上的Internet Explorer中将边距应用于body元素时,我的字体大小如此混乱?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1081372.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存