还原设计稿，也就是如何适配移动端繁杂的屏幕大小。 通常而言，设计师只会给出单一分辨率下的设计稿，而我们要做的，就是以这个设计稿为基准，去适配所有不同大小的移动端设备。 在此之前，有一些基础概念需要理解。 设备独立像素 以 iPhone6/7/8为例，这里我们打开 Chrome 开发者工具 ...

为什么要做移动端适配？ 我们开发使用px（CSS pixel）的是逻辑像素，以至于在不同分辨率的设备上同一个UI设计图展示效果会被伸缩变形，所以需要做移动端适配 通过历史进程进一步认识！ 早期诺基亚板砖机时代，样式直男单一、设备少（哪种设备 ...

本文原链接：http://caibaojian.com/mobile-responsive-example.html https://blog.csdn.net/chenjuan1993/a ...

移动端 特点 移动端下的屏幕存在以下特点： 屏幕相比较于PC端要小 浏览器不像PC端，随时各种调整大小 原因 移动端由于屏幕整体比PC端小，而且也不能出现拖动浏览器来调整大小的情况，所以在移动端上的布局是流式布局最多，其中有些小分支，如固定小版心。 案例 ...

web移动端常用解决方案： 一、通过js+rem，这里有一个解决方案（http://imochen.github.io/hotcss/） 1.1、rem兼容性（https://caniuse.com） ios：6.1系统以上 android：2.1系统以上 1.2、什么是rem ...

font-size的大小，在rem适配方案中，我们以rem作为基值来设定元素的大小。1rem单位越大，元素的大小也 ...

通过媒体查询 媒体查询的方式可以说是我早期采用的布局方式, 它主要是通过查询设备的宽度来执行不同的 css 代码，最终达到界面的适配。 媒体查询优势 简单, 哪里不对改哪里 调整屏幕宽度的时候不用刷新页面, 即可响应式的进行展示 特别适合对移动端和 PC 维护同一套代码 ...

目前最流行的方案当属淘宝的flexible了，因为之前一直做服务端开发，对前端不是很了解。对于这套方案看了n久还是不太理解，后来自己学习viewport的相关概念，捉摸出一套自己的办法（至少我没查到有人这么干的...），写在这里和大家分享一下 其实对于多数的移动h5的适配需求 ...