-
//获取视窗宽度
let htmlWidth = document.documentElement.clienWidth || document.baody.clienWidth;
//获取高度高度
let htmlDom = document.getElementsByTagName('html')[0];
htmlDom.style.fontsize = htmlDom / 10 +'px';
查看全部 -
设置rem 的 font-size
查看全部 -
rem是针对html设置的字体来算的,默认1rem=16px; html的font-size设置为多少px,1rem就等于多少px
查看全部 -
常见移动web适配方法
查看全部 -
查看全部
-
查看全部
-
查看全部
-
布局技巧
查看全部 -
查看全部
-
sass动态计算rem数值
查看全部 -
1rem=16px
可以通过设置html全局的font-size来对rem定义为多少px
1rem=17px=(html的font-size)
查看全部 -
h5页面开发一般流程:
页面框架搭建、构建scss
页面样式编写
rem计算代码编写
适配多种机型大小,resize完善
查看全部 -
进阶:
rem 基准值的计算
基准值指的就是html的font-size
rem 数值计算与构建
元素实际值除以基准值就等于rem数值
rem 与 scss结合使用
rem 适配实战
查看全部 -
动态的修改rem方法:
使用媒体查询
使用脚本设置:
//获取视窗的宽度
let htmlWidth = document.documentElement.clientWidth || document.body.ClientWidth;
//获取视窗对象
let htmlDom = document.getElementsByTagName("html")[0];
//设置视窗默认的font-size
htmlDom.style.fontSize = htmlWidth / 10 + "px";
查看全部 -
1rem默认是16px
可以通过设置html全局的font-size来对rem进行初始化
查看全部
举报