移动端rem适配代码
2018-11-15 14:20
127 查看
版权声明:转载请注明出处 https://blog.csdn.net/qdmoment/article/details/84103501
rem字体设置是根据font-size相对设置:
[code]<script type="text/javascript"> function rems(){ // 获取屏幕宽度(此处是一个兼容的写法) var htmlWidth=document.documentElement.clientWidth||document.body.clientWidth; //设置根元素的fontSize的大小,此处的3.2是--设计图的宽度/100 document.documentElement.style.fontSize=htmlWidth/3.2+"px"; // 设置条件屏幕宽度最大值 if(htmlWidth>640){ htmlWidth=640; document.documentElement.style.fontSize=htmlWidth/3.2+"px"; } } //默认调用适配函数 rems(); //window大小变化时调用适配函数 window.onresize=function(){ rems() } </script>
阅读更多
相关文章推荐
- 移动端rem布局js代码,横竖屏适配
- 移动端rem适配代码
- 移动端开发rem适配js代码
- rem 自适应布局 bootstrap 移动端适配
- webapp新体验Rem实现移动端网页适配详解资源
- 移动端适配以及百分比布局与rem比较
- 手机平板等移动端适配跳转URL的js代码
- Vue:将px转化为rem,适配移动端
- css适配移动端flex css sprite rem
- rem与media标签实现移动端屏幕适配
- 移动端屏幕适配rem
- Vue:将px转化为rem,适配移动端
- 移动端web开发适配方法--使用rem
- 移动端网页兼容性处理 - REM适配
- 移动端页面开发适配 rem布局原理
- 移动端之js控制rem,适配字体
- 移动端适配不同手机 rem布局
- Js动态设置rem来实现移动端字体的自适应代码
- rem简单实现移动端适配
- vue移动端适配--rem