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

  • 相关阅读:
    Python自动发邮件-yagmail库
    使用Network Emulator Toolkit工具模拟网络丢包测试(上)
    Fiddler实战之使用Fiddler模拟弱网环境(限速)
    Jmeter接口测试之SSHCommand测试Linux服务器资源文件信息
    Fiddler实战之将抓到接口导入Jmeter接口测试
    Could not get lock /var/lib/dpkg/lock
    OPMS是什么?
    Docker是什么?
    Docker容器中启动OPMS项目
    Docker容器部署Tomcat服务器
  • 原文地址:https://www.cnblogs.com/vali/p/13900615.html
Copyright © 2011-2022 走看看