移动端h5页面适配

来源:互联网  时间:2016/5/25 1:07:34

关于网友提出的“移动端h5页面适配”问题疑问,本网通过在网上对“移动端h5页面适配”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题:移动端h5页面适配
描述:

如果移动端h5页面要做苹果和安卓的各种机型和尺寸的适配(不要问我为什么,公司领导就是这么坑!!!!),请问需要注意哪些问题呢?这个问题比较大,希望大家不吝赐教!!谢谢~


解决方案1:

我收藏的一个方法:
移动rem布局之用js根据屏幕宽度动态计算html的font-size值。

解决方案2:

http://html-js.com/article/MobileWeb

解决方案3:

给body设font-size:62.5%;后面的用rem表示

解决方案4:

首先你要确定你使用什么样的方法来实现适配,现在比较流行的几种适配的方式:

  1. 百分比的方式去实现

  2. 固定宽度做法

  3. 设置viewport进行缩放

  4. REM方法

具体的介绍你可以看看这篇文章:
web app变革之rem

解决方案5:

看看大牛们怎么弄的

上一篇使用ionic命令行建了一个tab的项目,为什么indexhtml里面引了cordovajs,但是外面有没有这个JS
下一篇一个APP,怎么做用户行为追踪
明星图片
相关文章
《移动端h5页面适配》由码蚁之家搜集整理于网络,
联系邮箱:mxgf168#qq.com(#改为@)