一、单位解释
二、使用rem
设置基准style
.html{
font-size:100px;
}
script中增加js单位转换
document.documentElement.style.fontSize=document.documentElement.clientWidth/750 * 100 + 'px'
#750指设计稿大小 100为自己设计的基准fontsize
#这段js代码会让客户端等比例扩大缩小。
#页面展示时的大小=我代码中设置的基准fontsize*真实展示的客户端大小/我设计页面时的所用的客户端大小
.box{
width:7.5rem; #使用时将量取的值除基准fontsize后填写。再也不用手动除设备像素比啦
}
三、rem转换插件
或者在代码中选中xx px，MAC电脑按快捷键option + d，Windows 为alt + d，则可以实现自动将xx px转换为xx rem
四、vh和vw
等比例缩放单位
例如：
对于iphone6，视口宽度时375px，即 100vw===375px 1vm===3.75px 1、rem布局中使用vw
iphone6 plus 100vw === 414px
1px === 0.2667vm
100px === 26.67vm
设置fone-size为100px时比较好算其他元素的rem
2、计算完成后设置
.html{
font-size:26.67vm #设置动态font-size
}
p{
font-size: 3.75rem
}
3、后面根据ps测量后除以100即可
2、面试题：
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/216046.html原文链接：https://javaforall.net
