CSS---rem用法

选择PX为单位存在如下问题:px大小固定,不能随着浏览器窗口的大小变化

rem(font size of the root element)是指相对于根元素的字体大小的单位。一旦根节点html 定义的 font-size 变化,那么整个网页中运用到 rem的也会随之变化。rem可以在用户浏览网页时,根据屏幕的尺寸,来向用户展示更适合用户的布局、文字、图片、按钮

浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1rem=16px。也可以自己调整rem和px的比例关系。

 

示例如下:

CSS---rem用法_第1张图片





    
    rem的使用
    



    
box1盒子的宽为50px;高为25px;字体大小为10px
box2盒子的宽为150px;高为75px;字体大小为20px

 

你可能感兴趣的:(CSS,rem)