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设计模式中》你没注意过的细节

  • 相关阅读:
    将文件放到Android模拟器的SD卡中的两种解决方法
    Response JSON数据返回
    jAVA 得到Map价值
    【动态规划】leetcode
    思考互联网分布式系统
    Cocos2d-x数据持久-变更数据
    小程序猿都找到了工作经验的方式
    抄360于Launcher浮动窗口的屏幕显示内存使用情况(改进版)
    vb.net窗口继承(房重建知识汇总)
    Spring该讲座
  • 原文地址:https://www.cnblogs.com/vali/p/13900615.html
Copyright © 2011-2022 走看看