rem单位的根元素大小计算方法

ChuanYang Chen

已于 2022-02-17 16:31:34 修改

阅读量792

点赞数

分类专栏：前端移动开发 javascript 文章标签： css3 css javascript

于 2022-02-16 15:11:13 首次发布

本文链接：https://blog.csdn.net/weixin_45525653/article/details/122964114

版权

本文介绍了如何使用Media Query设置不同屏幕尺寸下html字体大小，以实现rem单位的适配。基于375px视觉稿和16px字号，通过计算16 / 375 * 100得到约4.266667的vw值。推荐文章探讨了px和rem在页面适配中的应用。

摘要由CSDN通过智能技术生成

rem单位的根元素大小计算方法

<script>
      var dpi = () => {
     
        let width = document.documentElement.clientWidth;
        let size = 20 * (width / 320) > 40 ? 40 + "px" : 20 * (width

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ChuanYang Chen

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
rem单位的根元素大小计算方法

rem单位的根元素大小计算方法<script> var dpi = () => { let width = document.documentElement.clientWidth; let size = 20 * (width / 320) > 40 ? 40 + "px" : 20 * (width / 320) + "px"; document.documentElement.style.fontSize = siz
复制链接

扫一扫