CSS-em与rem

最新推荐文章于 2024-07-20 15:40:46 发布

毛茸茸的奶袋瓜

最新推荐文章于 2024-07-20 15:40:46 发布

阅读量44

点赞数

文章标签： css html 前端

本文链接：https://blog.csdn.net/w20180341314/article/details/129171154

版权

em:相对单位，相对于父元素字体大小 div width:10em

rem

rem:相对单位,相对于根元素（html）字体大小 成倍数关系div width:10rem  2倍

<script>
        // fontSize 计算
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 375 * 16 + 'px';
        // fontSize=当前设备的css布局宽度/屋里分辨率（设计稿的宽度）*基准font-size(html根元素fontsize 16px)
</script>