H5 移动端的终极适配方案存在吗??

H5 移动端的终极适配方案存在吗??

喜妹子小七 JavaScript高级程序设计 今天

为什么会有此一问?

 

最近又做了几个移动端的界面,用了vw ,vh的适配方案,在iPhone上的效果还马马虎虎,但是安卓手机某些机型就比较尴尬,所以不禁要发问,H5的终极适配方案到底存不存在?

 

现有的适配方案

 

第一个是rem 。代表是flexible.js好像也是几年前比较流行的做法。原理是动态设置根元素的font-size,根据根元素的大小进行适配。以此为代表的UI框架好像有sui-mobile ,framework7,当然了这些都比较老旧了。

 

第二个就是vw,vh了。随着各个浏览器对vw,vh的支持度越来越好,vw,vh也慢慢成了一个比较不错的适配方案。开发起来比较简单,一定程度上也能够适配不少机型,但是安卓机型是在是太多了,总有你想不到的问题在那里等着你。

 

对于市面上的移动端UI框架的一些思考

 

框架的种类太多了,以前的sui , framework7 , 现在的基于vue 的 vant, mint-ui ,基于react , antd-mobile。这些东西确实都非常好,但是不一定适合自己啊,这些都是人家基于自己的业务场景慢慢积累出来的一套东西,自己内部用那肯定是屡试不爽了。对于外部一些企业,尤其是中小企业,从业务到UI 设计,跟人家的流程就不一样,尤其是UI设计,大厂的设计都有自己的一套规范,而中小企业有可能连自己设计师都没有,所以对于开发人员来说,虽然有了这些优秀的开源UI框架,其实要做的工作任务依旧繁重。

 

到底存不存在移动端的终极适配方案

 

问了一个巴巴的同学,我想他的回答应该是终极的解决方案吧,针对专门的机型做适配,找一些主流机型,各种分辨率,各种系统版本都过一遍。

 

 

 

这个工作量可想而知了。。。

 

关注我 一起回忆 《javaScript高级程序设计》《javaScript设计模式中》你没注意过的细节

 

 

posted @ 2020-10-30 09:52  Terre  阅读(208)  评论(0编辑  收藏  举报

风光无限好