首页 > 移动平台 > 详细

手机端自适应字体大小rem

时间:2021-03-16 14:50:01      阅读:18      评论:0      收藏:0      [点我收藏+]
1 function fontSize(){
2     var deviceWidth=document.documentElement.clientWidth>768?768:document.documentElement.clientWidth;
3     document.documentElement.style.fontSize=(deviceWidth/25)+"px";
4 }
5 fontSize();
6 window.onresize=fontSize;

vue 引入js代码  

import ‘@/utils/h5‘;
 

切图时看设计稿多宽页面就定义多大的宽度,字体的大小和内容的宽高就看设计稿的px

比如是24px,那么写样式就是1.5rem

这个时候牵扯算法1rem = 16px

 

vscode 安装cssrem插件,px自动计算转换为rem

 

手机端自适应字体大小rem

原文:https://www.cnblogs.com/jspang/p/14542855.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!