zoukankan      html  css  js  c++  java
  • 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设计模式中》你没注意过的细节

  • 相关阅读:
    farpoint [转]
    用于主题检测的临时日志(07ebc2e2418343fea17b52c9318e7705 3bfe001a32de4114a6b44005b770f6d7)
    将ColumnFooter显示出来,并对相关属性做适当设置。 SetAggregationType接口可以帮助你方便的完成求和需求。
    单元测试
    c#扩展方法
    String.Format格式说明
    vs 2005断点调试[转]
    EventLog 类【转】
    From Single PDF template Make a series PDF
    PDF template and print
  • 原文地址:https://www.cnblogs.com/vali/p/13900615.html
Copyright © 2011-2022 走看看