为了账号安全,请及时绑定邮箱和手机立即绑定

rem, vw等适配方案的意义

rem, vw等适配方案的意义

子衿沉夜 2018-07-22 07:17:05
我怎么适配?这个问题很多大佬都提出了方案,什么rem,vw,各种玩法我要适配的是什么,适配成怎样?这个问题,基本就少有大佬提到。我们连目标都不清晰,就各种适配方案弄得风生水起了。移动端有一句话,文字流式,控件弹性,图片等比缩放(控件指的是Header组件,列表的ListItem等)。那在我们前端是又是什么规则?我看过不少项目,全程rem,或者vw(除了某些样式如1px的border)。那我们适配,就是尽量把每个元素等比缩放?这样就ok了?针对第二点的末尾,每元素都等比缩放,那我大可以把viewport设置width为750,然后里面全用px,基本上所有的分辨率都自动适配呀,那搞rem,vw还有什么意义,不是否定他的意义,而是目前还不能理解他的好,好在哪里?
查看完整描述

2 回答

?
侃侃尔雅

TA贡献1801条经验 获得超16个赞

方案我就不说了,很多地方能找到。

目的是达成在不同手机上,能够有同样的显示效果。因为不同手机分辨率不同,主流有 320/360/375,非主流还有 432 之类,所以如果你要针对所有分辨率都做一套效果就很麻烦,保不齐这里多一点那里少一点,所以用偷懒的首发节省工作量。

实际上我不支持这种做法,具体就不谈了。

至于你说的 viewport=750 的做法,我记得不行,你可以试一下。


查看完整回答
反对 回复 2018-07-22
  • 2 回答
  • 0 关注
  • 260 浏览

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号