一行代码解决移动端的适配问题
rem是一个相对单位，相对的是html元素的fontsize；例如，html元素的fontsize为100px，那么14px就可以写成0。14rem（14100）。
如果使用rem作为适配方案，那么将根元素字体设为100px是一个比较好的选择。这可以为你在将期望的像素值换算为rem的时免去很多繁琐的计算。方案推导
假设我们手上有一份设计稿，设计稿中屏幕的宽度是375px，其中某个元素的宽度为200px，那么这份设计稿要表达的含义就是这个元素的宽度需要占屏幕的200375。
再假设我们用来测试的手机屏宽也正好是375px（即使不是，你也要先这样假设〔汗〕）。
为了方便开发，我们把html元素的fontsize设为100px，那么设计稿上这个宽为200px的元素，我们就应该设为2rem。
好了，这个2rem千万不能再动它了。
当屏幕越大，让根元素的字体也随之变大，那么2rem对应的值就越大，这不就有了吗懂？〔机智〕
所以现在的问题就是要怎样去改变根元素的字体大小。
375px的屏宽对应的是100px的字体，那document。documentElement。clientWidth的屏宽对应的字体大小就是：constclientWidthdocument。documentElement。clientWidthconstrootFontSize（clientWidth100）375最终代码以下代码放到项目入口文件中functionsetRootFont（）｛1。获取屏幕宽度constclientWidthdocument。documentElement。clientWidth2。计算根字体大小，375是你设计稿中的屏幕宽度constrootFontSize（clientWidth100）3753。设置根元素字体大小document。documentElement。style。fontSizerootFontSizepx｝setRootFont（）window。onresizesetRootFont
样例：。box｛高200pxheight：2rem；内边距10pxpadding：0。1rem；字体14pxfontsize：0。14rem；｝
国际开源发展经验及其对我国开源创新体系建设的启示中国网中国发展门户网讯开源是指将源代码、设计文档或其他创作内容开放共享的一种技术开发和发行模式，这些内容的版权由开放式许可协议（常称为开源协议）所规定。开源理念诞生于计算机软件……
中国联通押注eSIM？独立号码业务全国试验获批将投入10亿元就在本月，工信部批准了中国联通开通eSIM穿戴设备独立号码业务全国试验服务。中国联通副总经理买彦州在3月29日透露说。当日，中国联通还宣布与京东达成独家战略合作关系，就联通eS……
特斯拉FSD全球普及率仅为11左右辅助驾驶不香了？当下越来越多的用户开始选购智能汽车，而在智能汽车品牌中，特斯拉也成为很多用户的首选。特斯拉FSD全球普及率仅为11左右在购买特斯拉汽车时，用户可以通过购买增强版自动……
2800卖掉iPhone11，老果粉最后入了OPPOFind换机原因直接开门见山地说吧，作为一个老的iphone手机用户，用了多年的iphone手机，5c开始到最新的11。一年半前买过三部安卓机，都是不过一周就出掉了，总体使用下来……
新年货扫地机器人成新三样之一走俏进入1月份，春节的脚步也越来越近，买年货是过年标配。而随着年俗变迁和春节消费习惯的变化，以及生活品质提升、消费升级的新趋势，年货的种类也在发生着变化。据阿里巴巴发布的《2020……
最新！iPhone13系列价格或创新高！6299元起售，该版过两天就是9月了，有人在期待开学季，而我们数码圈的人，则更是期待中下旬的2021年苹果秋季发布会。从春季苹果发布会以来，大家也陆陆续续也爆料很多消息：Pro系列专属的12……
网络请求参数的处理，包含过滤，排序，拼接，加密usingSystem；usingSystem。Collections。Generic；usingSystem。Linq；usingSystem。Text；……
华为HiLink版新日电动车上市在即，你定了吗？作为民生产业的电动车制造，也在二十余年间完成了从手工组装到自动化生产的高速发展，也让中国成为了世界电动车王国。新日领军行业二十余年，在一次次的产业变革中担当着先行者的重担，为中……
电视是谁发明的？电视是谁发明的？大伙儿呗。这不光是个玩笑话，也是事实。和无线电、电话、录音机之类的事物不太一样，电视发明是有个传承接力、不断完善的过程的。我们这里就一些大的节点来梳……
优化APP弹窗保护个人信息互联网体验可更舒心各类广告弹窗频频跳出、APP超范围收集个人信息、互联网平台客服热线没人接使用互联网时，你是否有过这样的体验？工信部近日印发《关于开展信息通信服务感知提升行动的通知》，决定从20……
判断是否装了QQ判断是否装了QQpublicstaticbooleanisQQClientAvailable（Contextcontext）｛finalPackageManagerpackag……
七夕情人节礼物推荐，蓝牙耳机性价比高的品牌眨眼间，七夕就要到了，相信大家都着手开始准备礼物了，那有什么创意又实用的礼物值得推荐呢？蓝牙耳机就是一个不错的选择。下面就带大家看看几款高颜值高性价比的蓝牙耳机！第一款：……
金子涵家境怎么样，金子涵个人资料以及出道背景大起底说起金子涵，想必有看过《青春有你2》的观众对她很是熟悉吧，那么，关于金子涵的个人资料大家了解么？金子涵家境好吗？她的背景是如何的呢？在《青春有你2》节目上，金子涵排名第11名，……方柏霓多大年龄了，原名方芳个人资料简历曝光提起演员方柏霓这个名字可能还有很多网友陌生，但是说到她的原名方芳相信有很多朋友都认识，相比较方柏霓的演艺事业来说，当年方柏霓与于震的离婚更是被众人所熟知，不过今天我们主要还是为……朱宏嘉和谁结婚了，朱宏嘉的妻子是谁说起演员朱宏嘉，想必大家对他不是很熟悉，但是说起《还珠格格》中的萧剑，相信很多人都知道，有不少网友很关心：朱宏嘉和谁结婚了？这位萧剑的扮演者朱宏嘉的妻子是谁？关于朱宏嘉的个人资……环形导轨是如何实现精确的二次定位的？随着生产制造的智能化，环形导轨作为一种新型的智能设备在工业生产中的应用已经很广泛，随之而来的是实际应用中各种问题的出现，只有对设备有一个很好的认识才能充分地利用它的价值。……设计时速350公里！246。9公里长的高铁开始试运行又一时速350公里的高铁正式开通运营进入倒计时。来自中国铁路公众号发布的消息称，10月4日8时，张吉怀高铁首趟试运行列车正式从怀化南站开出，驶往张家界西站方向，这也意味着……一站到底温冬毕业于哪个大学，网红数学老师温冬个人资料介绍说起《一站到底》选手温冬，可能很多网友对于温冬并不是特别地熟悉，其实做为一名高中数学老师的温冬还是一名网红，相信很多网友也特别想知道温冬在哪个高中教学教得好吗？做为老师的温冬毕……中国新声代陈圣夫多高，陈圣夫个人资料介绍陈圣夫因为参加中国新声代第5季进入大众的视线，陈圣夫在舞台上演唱了一首李健老师的《谢谢你》，虽然彩排时陈圣夫身体不舒服胃肠感冒，但是陈圣夫在舞台上演唱歌曲时丝毫没有影响到，大家……全面屏轻薄本！华为MateBookD系列成为学生党的最佳选择很多高校在大一新生刚入学时，都会明令禁止带电脑，而到了第一学期尾声，该规定就会自动解禁。因此，每年年底的时候就会有很多童鞋准备购买一款电脑来充实自己的大学生活。对于学生党而言，……准备好了吗？！618预售开始啦5月24日晚上8点，618正式开启预售。和去年相比，今年618的战线拉得又长了一些。往年的促销活动时间一般是5月底或6月初，今年的预售活动提前了整整三周以上。而且，今年一些电商……622是什么意思，肖战王一博622什么梗622是肖战和王一博cp之间非常有意义的数字，因此出现了很多622cp，622党的梗，还有622定情曲等等，非常的意义，622什么意思？肖战王一博622什么梗？下面走红网小编带……浙江省政协副主席陈铁雄带队赴健培ampampamp健澜科技考9月8日，浙江省政协副主席、党组成员陈铁雄带队再次莅临健培科技，开展省政协第50号重点提案加快发展医学人工智能产业打造生命健康科创高地的专题调研。省政协常委、省政协民宗委主任楼……曲婉婷妈妈的故事，起底曲婉婷人血馒头啥意思曲婉婷的妈妈叫张明杰，曾经是哈尔滨市的一个领导。2010年左右，刚好赶上张明杰辖区内国企改革，下岗遣散人员，于是她经过一番操作，最终将3。5亿元装进了自己的口袋。这笔钱她用来干……