-
rem原理
查看全部 -
llllll查看全部 -
获取视窗宽度
let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;
查看全部 -
html 根元素字体的大小 来变
查看全部 -
加上meta viewport标签
1rem 等于 默认的大小
查看全部 -
原理
查看全部 -
移动开发适配
查看全部 -
通过监听resize动态改变fontsize
查看全部 -
background-size:contain
保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。
查看全部 -
使用:before的方式实现icon，一定程度上减少dom，更优雅
查看全部 -
一般情况下，padding和border不包含在width中，定义width:100%后，再设置padding或border会增加width。
可以使用box-sizing:border-box消除影响，将padding和border包含在width中
查看全部 -
结合sass实现动态转换rem
查看全部 -
scss
安装：npm install node-sass
编译：node-sass a.scss b.css
生产环境当中，一般使用压缩选项。
sass --style compressed nav.sass nav.css
也可以让SASS监听某个文件或目录，一旦源文件有变动，就自动生成编译后的版本。
sass --watch nav.scss:nav.css
查看全部 -
使用js动态改变font-size更好
查看全部 -
rem与media query结合可达到动态修改font-size的效果
查看全部 -
rem转换规则
1rem = 16px (浏览器默认font-size，可通过修改html的font-size改变大小)
查看全部
llllll
举报
0/150
提交
取消