移动端REM布局与750px宽meta标签布局对比解析

移动端rem布局 和 meta标签 content="width=750"里面用px布局的区别

REM 是 HTML 页面的字体大小,可以增大或减小。
一般移动终端的移动页面根据宽度来设置HTML的字体大小。
通过闭包函数,可以解决自适应移动页面的编写。
(function (win, doc) {functionSetSize() {doc.documenetelement.fontSize = 20*document.documentedElement.clment.cl ientwidth/375+'px';} setSize(); ADDENTLISTERER ('Size', SetSize, False)}) (Window, Document) 放入页眉

px和rem的换算与设置

一般来说, 所有浏览器的html根元素都是font-size:16px1rem=16px,所以所有转换设计稿px/转换后的rem=16px/1===>转换后的rem=设计稿px的px值都是以它为基础的。
/16px一般用来指代这个特定的屏幕,因为我们手头的移动端设计稿是基于iphone6的。
iPhone 6的屏幕宽度为375px; 因此,设置参考 rem=375/10=37.5/10,这只是一个经验法则。
设置html根元素的字体大小; 使用flexible.js 什么是flexible.js? 看一下源码参考:https://dwbbb.com/blog/flexible/https://www.jianshu.com/p/3a07024963d9 其实, flexible.js的主要功能有: 1、为html属性添加data-dpr属性和style; 该样式在 1rem 的基础值上添加了字体大小。
2、重写meta标签,根据dpr设置设备的缩放比例。
相关推荐
WiFi已连接却无法上网?常见原因及解决办法
Wi-Fi已连接,为什么不能上网?如果您使用的是联通宽带,无法通过WiFi上网,可能有以下原因:1、宽带未续费或过期,需要及时缴费或续费。2、网线松动,需要将网线两端拧紧。
Win7系统升级至Win10的详细步骤解析
win7系统能重装成win10吗win10可以重装win7系统吗?原系统为Windows7,升级为Windows10。可以升级。但这取决于原来的电脑配置以及使用了多长时间。如果计算机是旧产品;现在看来配置较低,升级后运行速度可能会变慢。如果是全新配置,升级是没有问题的。底线是win7肯定可以用win10重装。
华为新款手表价格一览:荣耀GSPro、WATCHGT2系列对比解析
华为最新款手表图片及报价表(最新华为手表的价格及图片)荣耀GSPro、华为WATCHGT2、华为WATCHGT2Pro是当前市场上比较热门的运动手表。虽然网上有很多配置信息,但这些信息往往不够全
2023年LPR利率一览及变动分析
2023年贷款利率lprLPR为:一年期LPR为3.65%,5年以上LPR是4.3%。上述LPR在下一次LPR发行前有效。你是什么?贷款是对最优质客户(还款能力最强,通常是地方政府、国企、大企业)的利率,LPR是根据18家银行的利率确定的。如果市场资金紧张,利率就会上升,反之,利率就会下降。18家银行:10
热门文章
vivo手机WiFi连接叹号故障排查指南

vivo手机WiFi连接叹号故障排查指南

为什么连接无线网显示感叹号。如果您使用的是vivo手机,并且WiFi信号图标旁边有感叹号,则表示设备当前连接的WiFi网络不可用。建议将设备移近WiFi信号源或尝试连接其他WiFi网络。
2025-01-24
像素与清晰度像素大小与画面清晰度的关系解析

像素与清晰度像素大小与画面清晰度的关系解析

请问微信的头像尺寸是多少?为什么上传到微信头像的图片不清晰?尺寸:头像的高度和尺寸没有限制,都是用户自定义的。图片不清晰的原因:微信为了节省流量,加快传输速度,
2025-01-22
华为Mate40系列双系统设置教程

华为Mate40系列双系统设置教程

华为mate40pro双系统怎么设置很多华为手机都可以开启私人空间,相当于手机里有两个系统,我们可以在私人空间里下载一些我们不想让别人看到的应用程序。那么华为mate40pro双系统如何设置呢?一起来看看吧~华为mate40pro双系统如何设置?1.点击手机设置菜单中的【隐私】选项。2.点击【隐私设置】选项。3.
2025-01-25
轻松掌控,一触即达——笔记本电脑无线开关推荐指南

轻松掌控,一触即达——笔记本电脑无线开关推荐指南

笔记本电脑电脑无线网络打开按哪个键?方法一:如果您仔细检查您的笔记本电脑,发现类似的“无线网络开关”键,则可以使用键盘快捷键组合来启用您的无线网卡。一般情况下
2025-01-21
为什么5g不流行

为什么5g不流行

5g对运营商意味裁员5G意味着运营商的裁员。5G在现实中的使用有些人仍然不明白5G意味着让运营商破产。5G意味着让运营商破产11.一碗汤,一碗汤过去,国内电信运营商的增
2025-01-23
小米汽车

小米汽车

小米汽车是什么小米汽车是由中国科技公司小米集团开发和制造的电动汽车。该项目是小米集团在智慧出行领域的重要布局,标志着小米集团从传统消费电子领域向更广阔的智能科技领
2025-01-21
无线路由器灯亮无WiFi信号原因及解决方法

无线路由器灯亮无WiFi信号原因及解决方法

无线路由器灯亮但是搜不到信号为什么啊?路由器开机正常但找不到WiFi。这可能是由于多种原因造成的。首先,路由器的无线功能可能没有启用。此时,您需要登录路由器管理界面,检查无线功能是否开启。如果未启用,您必须启用该功能并保存设置。其次,可能是无线信号干扰造成的。路由器周围
2025-01-25
盘点搭载骁龙870处理器的OPPO手机型号及特点

盘点搭载骁龙870处理器的OPPO手机型号及特点

骁龙870手机性价比排名骁龙870手机的价格和品质评级:1.OPPOFind机制,两个超线性扬声器,视听效果不错。2.OPPOReno6Pro+:OPPOReno6Pro+拥有轻薄机身,IMX766后置传感器,50MP高清主摄+四摄
2025-01-22
推荐阅读

推荐 LECD风险评价等级详解

危险源辨识与风险评价表中LECD是什么意思危险源识别和风险评估清单中的LECD是指:危险可以用以下公式表示:D=LEC式中:L——发生事故的可能性E——人体暴露于该危险源的频率环境C——一次事故造成损失的后果D——三个主要风险因素的评估方法见表1、2、3、4。表1事故后果概率、值L分事故发生的概率10完全预料到6很可能

推荐 OPPOFindN52025年旗舰手机中的性能巅峰

oppo最好的三款手机OPPO最好的三款手机是:OPPOFindX系列、OPPOReno系列和OPPOAce系列。1.OPPOFindX系列OPPOFindX系列是OPPO的旗舰产品,具有出色的性能和创新能力。该系列手机配备了最

推荐 华硕笔记本触摸板失灵排查指南

华硕笔记本触摸板失灵是怎么回事1。触摸板不在。检查笔记本电脑的触摸板功能是否已锁定。关闭或打开华硕笔记本电脑上触摸板的快捷键为FN+F9。如果无法解决,请检查触摸板驱动程序是否与BIOS关闭。特定方法。打开计算机,然后按F2键进入BIOS。检查是否已在高级---尖端-尖端---以及无效

推荐 随身wifi经常断开连接

我的华为随身WiFi2小时后自动断网,怎么恢复上网啊如果您的华为随身WiFi在使用2小时后自动断开连接,请尝试关闭电源并重新启动以恢复上网。具体步骤是先关闭所有连接的设备,然

推荐 WiFi连接感叹号问题解析及解决方法

wiFi左边有个!号是什么意思啊?可以连接路由器搭建的wifi网络,但是有感叹号,说明路由器没有成功连接到外部网络。这可能是由于路由设置不正确或本地传输问题造成的。如果

推荐 vivo手机WiFi连接成功却无法上网?排查与解决指南

为什么我的手机已连接wi-fi却上不了网?如果您使用的是Vivo手机,并且手机正常连接到WiFi,但无法访问Internet,则可以参考以下:1。检查电话设置并输入settings-wlan以检查WiFi是否已成功连接。转到设置-其他网络和连接-私有DNS,并检查是否设置了私有DNS。如果打开,建议将私有DNS设置为关闭并重试。转到设