HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 在font-size CSS属性中,半个像素是什么意思?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在重新设计一个网站,我正在收到一个名单,其中包含一个代理机构所需的更改.

该网站的标题菜单目前有以下样式:

line-height: 1em;
font-size: 11px;

在我收到的其中一个文件中有一个更改请求,要求我将这些样式更改为:

line-height: 1.2em;
font-size: 11.5px;

我知道EMs可以使用十进制值,但半个像素在字体大小上是什么意思?我已经尝试使用检查器将字体大小从12变为11.5和11,而从11到11.5的变化是可见的,但11.5到12之间的变化只是稍微移动一点,所有3个例子都设置为1em).您可以查看以下屏幕截图:

那么这个半个像素在网页上下文意味着什么呢?这是跨浏览器,这个.5像素做的字体大小?

解决方法

我认为有区别.您忘记了页面的缩放级别.

例:

<p style="display: inline-block; font-size: 12px; border : 1px red solid;">
aAa
</p>
<p style="display: inline-block; font-size: 11.8px; border : 1px red solid;">
aAa
</p>
<p style="display: inline-block; font-size: 11.5px; border : 1px red solid;">
aAa
</p>
<p style="display: inline-block; font-size: 11.2px; border : 1px red solid;">
aAa
</p>
<p style="display: inline-block; font-size: 11px; border : 1px red solid;">
aAa
</p>

如果我们放大到500%,我们可以看到有区别:

我认为您的浏览器必须舍入,因为半像素(实像素)不存在.

缩放100%:

圆(12 * 1.00)= 12

圆(11.5 * 1.00)= 12

缩放500%:

圆(12 * 5.00)= 60

圆(11.5 * 5.00)= 58

大佬总结

以上是大佬教程为你收集整理的html – 在font-size CSS属性中,半个像素是什么意思?全部内容,希望文章能够帮你解决html – 在font-size CSS属性中,半个像素是什么意思?所遇到的程序开发问题。

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

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