CSS的px和em的区别_1024px = em

作者：小丑西瓜9 | 2024-02-17 01:31:52

踩

1024px = em

一、px：pixel（像素）的缩写
=》1024px就是1024像素，也就是点。
=》任意浏览器的字体默认的大小都是16px。
=》windows的一般浏览器是 1024*768，也就是水平上有1024个点，垂直有768个点。
=》利用px来设置字体大小时，比较精确，但是有缺陷，当用户在浏览器中浏览web页面时，如果改变了浏览器窗口的缩放，那么web页面布局会乱，利用em就不会存在这个问题。
二、em：emphasize(倍数)的缩写
=》em是相对长度单位。1em 就等于当前的字体尺寸，2em 则等于当前字体尺寸的两倍
=》em的值并不是固定的。使用em来设置web页面字体的大小，当浏览器缩放或者拉伸，字体会自动适应屏幕大小。
三、px和em的换算
=》1em=16px

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：【wpsshop博客】