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

  • 相关阅读:
    人工智能数学基础笔记(上)
    人工智能简介
    十三,十四 基金收益,税收与基金国际化
    资产配置模型之-BL模型
    十二 基金估值,费用与会计核算
    十一 基金的投资交易与结算
    十 基金业绩评价
    九 投资风险管理
    浙工商oj ___飞龙的飞行方程
    hd1004解题思路
  • 原文地址:https://www.cnblogs.com/vali/p/13900615.html
Copyright © 2011-2022 走看看