目前比较常规的移动端适配方案有百分比适配和rem配置等两种方法，其中，百分比适配因其随着屏幕的大小进行缩放，但字体和一些东西并不会随着屏幕的放大而放大，所以是存在一些弊端的，这个时候，rem出现了，其基于html根元素进行放大的特性，使得页面中的内容可以随着屏幕的方法而适当放大，非常适合移动端的书写：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | <script> function defaultfont() { var sw = $(window).width(); var pw = 750; //var pw = 600; var f = 100 * sw / pw; if (sw > 767 && sw < 1000) { f = 70 } if (sw > 1000 && sw < 1200) { f = 100 } $('html').css({ 'fontSize': f + 'px', 'transtion': '0.35s' }) } setTimeout(function () { defaultfont() }, 100); var w_height = $(window).width(); $(window).resize(function () { if ($(window).width() != w_height) { setTimeout(function () { defaultfont() }, 100) } }); </script> |
「梦想一旦被付诸行动，就会变得神圣，如果觉得我的文章对您有用，请帮助本站成长」
上一篇：start value has mixed support, consider using flex-start instead
下一篇：MVC前端网
国瑞个人博客: https://www.huanggr.cn/，我们关注Web前端开发技术，web前端开发,移动前端开发，前端资讯，同时分享前端资源和工具等，期待你的参与,了解更多..
博主独立研发主题：
没咋研究，emmm
评：web前端绘制八卦图_超简单教程这个是太极阴阳鱼，不是八卦图。
评：web前端绘制八卦图_超简单教程
后会有期（1年前 (2020-08-14)）文章不错
评：宝塔系统面板无法正常显示我采用该方法解决了才发布的教程
评：iview-admin点击路由报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "Navi网站被攻击了，有些源码文件损坏了
评：前端搜索框下方保留搜索记录
12（2年前 (2020-03-11)）为什么我的foreach会报错 Error in v-on handler: "TypeE...
评：iview中多选框单选实现方法
共 0 条评论关于"如何使用rem编写移动端布局_解决办法"
最新评论