移动端适配一直是一个值得探讨的问题，在业余时间我找了一些页面，查看了一些厂商对于移动端H5页面的适配方案，看到了几个典型的例子，今天就来记录一下我看到的第一个典型的例子，也是我们公司目前普通H5项目正在使用的适配方案。 这个适配方案是lib-flexible，在看这个源码的同时，我想先来回顾一下 ...

1.JS的根据不同屏幕宽度动态设置html的font-size，使用rem布局。 a.手淘方案 flexible+rem（参考https://github.com/amfe/article/issues/17） 　　引入flexible.js，不需要在html结构中加入viewport ...

h5 移动端适配方案 设定viewport 打开public\index.html，在html\head结点下加入<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale ...

视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1）首先，选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480，现在更多的是iphone6的375×667 ...

背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1）首先，选取一款手机的屏幕宽高 ...

lib-flexible是什么？ lib-flexible是一个制作H5适配的开源库，可以点击这里下载相关文件，获取需要的JavaScript和CSS文件。 使用方法 在head标签中引入js文件 也可以使用阿里的CDN： 另外强烈建议对JS做内联处理，在所 ...

什么是flexible.js 移动端自适应方案 https://www.jianshu.com/p/04efb4a1d2f8 什么是rem 这个单位代表根元素的 font-size 大小（例如 元素的font-size）。当用在根元素的font-size上面时 ，它代表了它的初始值(译者注 ...

官方文档，以及结合实际项目中的一些处理经验，整理了一套简单的适配方案分享给大家，希望对大家有所帮助，以 ...