移动端高清、多屏适配方案

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

业界 2016年04月17日

CSS：区别 p、em、rem

有何区别px 在缩放页面时无法调整那些使用它作为单位的字体、按钮等的大小；em 的值并不是固定的，会继承父级元素的字体大小，代表倍数；rem 的值并不是固定的，始终是基于根元素 的，也代表倍数。emem 的使用是相对于其父级的字体大小的，即倍数。浏览器的默认字体高都是 16px，未经调整的浏览器显示 1em = 16px。但是有一个问题，如果设置 1.2em 则变成 19

业界 2016年07月11日

移动端H5页面rem缩放方案fleible.js兼容375p方案的思路

参考：移动端高清、多屏适配方案 viewport-and-flexible.jsflexible.js github一个新的项目复用了一些老页面，老页面是使用375px方案进行移动端适配的，meta[viewport]使用的是，而新页面使用的是flexible.js伸缩方案，动态生成meta[viewport]如何在老页面使用px布局的前提下，新页面使用rem布局，组件也使

业界 2016年07月18日

移动web开发浅谈之那些我们需要知道的基础

前言开发生涯总是丰富多采，工作多年，不同领域还是逃不过雨露均沾，之前开发过android，微信，ios，web网站也玩过。但是对于移动web这一块，确实没有专门很深入的学习，现在需要做了，也将自己的学习过程记录下来，供大家互相学习，说的不对，可以报警。正文概念本次要谈的移动web不是web app，只是很普通的移动端的web界面。移动web可以这么理解：就是把以前在pc上的

业界 2016年07月18日