在mian.js中引入一下代码
function setRem() {
var whdef = 100 / 1920; // 表示1920的设计图,使用100PX的默认值
var bodyWidth = document.body.clientWidth; // 当前窗口的宽度
var rem = bodyWidth * whdef; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
document.getElementsByTagName("html")[0].style.fontSize = rem + "px";
}
window.addEventListener("load", setRem);
window.addEventListener("resize", setRem);
大屏字体自适应（rem）vuehttps://www.jianshu.com/p/fd5adf1c7c57[htt...
功课传送门:大屏上的全屏页面的自适应适配方案 rem 方案 rem (font size of the root ...
移动h5 图片字体等适配WebApp开发之--"rem"单位Rem实现自适应初体验手机端页面自适应解决方案—rem布局
html动态设置根字体大小（页面字体使用rem单位可根据屏幕大小自适应） 1.新建rem.js文件 (functi...
横竖屏适配 字体大小适配 Cell 高度自适应
自适应处理：使用rem布局的时候,为了兼容不同的分辨率,我们应该要动态的修正根字体的大小,让所有的用rem单位的子...
问题 em、rem、vw 这些 CSS 单位真心好用，然而使用 echarts 的自适应却比较原始，字体大小是不会...
字体大小：font-size:16px/1rem;（px是像素单位,rem/em 相对单位，跟浏览器默认的字体大...
普通适配： 精确适配:rem为单位，实现包括字体大小、元素间距等的自适应，则需要body前加上几行js。因为pc谷...
本文标题：大屏字体自适应（rem）
本文链接：https://www.haomeiwen.com/subject/icsightx.html
网友评论