HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 为什么IE10中的“font-size:1em”比Chrome更大?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前正在开发一个网站,我无法弄清楚为什么文本在IE10中显示比在Chrome中更大. (我确保两个浏览器都设置为100%缩放 – 不多也不少.)

我的CSS中有一个重置:body {font-size:1em; }.在Chrome(v27.0.1453.116 m)中,这会按预期显示 – 如果我将CSS中的规则更改为font-size:100%;或font-size:16px;,没有任何明显的变化.对我来说,这表明在Chrome中,1em = 16px.但是,比例字体大小(em和%)在IE中显示得更大,看起来似乎是1em = 21px.

我有两个图像显示身体{font-size:1em;但是,由于我还没有10个声誉,我无法发布完整的网址.但是,它们是在imgur上托管的,它们的文件名如下:

> font-size:1em;在Chrome中:

> font-size:1em;在IE10中

如果我使用px设置font-size,那么我会得到一致的结果 – Chrome和IE10都会一直显示.但是使用px作为字体大小这些日子让我感到不那么偏好.

你可以在this jsFiddle I made中看到HTML和CSs.我包含了所有的CSS,这可能有点不必要,但我认为提供更多的上下文而不是更少的更好.

任何人都可以帮我弄清楚为什么IE10显示比Chrome更大的1em,以及我能做些什么呢?

谢谢你们.

编辑 – 数字,我一发布这个精心设计的问题,我就会知道发生了什么.我已将IE缩放设置为100%,但IE也有一个“文本大小”选项,由于某种原因,它被设置为“最大”.将其设置为“中”可解决问题.

解决方法

我“解决”了我自己的问题,因为我是个傻瓜.

IE10有两个设置,都在“视图”菜单下,它改变了显示的大小.我确保将“缩放”设置设置为100%,但完全忽略了“文本大小”设置,该设置被设置为“最大”.将其设置为“中等”修复了我的问题,并使IE浏览器和Chrome显示相同.

大佬总结

以上是大佬教程为你收集整理的html – 为什么IE10中的“font-size:1em”比Chrome更大?全部内容,希望文章能够帮你解决html – 为什么IE10中的“font-size:1em”比Chrome更大?所遇到的程序开发问题。

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

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。