[分享]css中字体px与 表示法

CSS中，字体大小的表示方式有两种：px和em。其中，px表示像素值，这是一种绝对的表示法。以12px为例，表示的是字体的高度为12像素。这种表示法的缺点在于，当用户改变浏览器的缩放比例时，字体大小不...

CSS中，字体大小的表示方式有两种：px和em。

其中，px表示像素值，这是一种绝对的表示法。以12px为例，表示的是字体的高度为12像素。这种表示法的缺点在于，当用户改变浏览器的缩放比例时，字体大小不会跟着改变，可能导致页面在不同设备上显示不够优秀。

 body {
        font-size: 16px;
    }
    h1 {
        font-size: 30px;
    } 

em表示相对大小，相对于父元素字体的大小。例如，如果h1子元素的字体大小设为2em，那么实际大小为父元素h1的字体大小乘以2。

 body {
        font-size: 16px;
    }
    h1 {
        font-size: 2em;
    } 

使用em表示法的好处在于，当用户修改浏览器缩放比例时，字体大小会相应地调整，从而保证了页面的可读性和美观。

总之，选择何种表示法要根据具体情况而定。如果需要保证页面在不同设备上显示一致，则可以选择使用px表示法；但如果考虑到页面的可读性和美观性，则应该优先选择em表示法。