一、rem基础 rem（root em）是一个相对单位，类似em，em是相对于父元素的字体大小 不同的是rem的基准是相对于HTML元素的字体大小 rem的优势:父元素文字大小可能不一致， 但是整个页面只有一个html，可以很好来控制整个 ...

基本概念 1、单位 Px(CSS pixels) 像素 (px) 是一种绝对单位（absolute units）， 因为无论其他相关的设置怎么变化，像素指定的值是不会变化的 其实是相对 ...

转自：http://www.w3cfuns.com/notes/23659/5e3cd2904a56f5e6b86c4d49e90e0f34.html 一、 首先我们先来看看淘宝不同分辨率下的适配页面 可以看出来 ...

rem相对于html元素的字体大小； em相对于父元素的字体大小； rem与媒体查询(@media)更配 ...

1. rem适配方案 目标：让一些不能等比例适配的元素达到当设备尺寸发生改变的时候，等比例适配当前的设备。 方法：使用媒体查询更具不同的设备安装比例设置html字体大小，然后页面元素使用rem做尺寸单位，当html字体变化的时候，元素尺寸也会发生变化，从而达到等比缩放的适配 ...

随着手机等移动设备的普及，移动端带来的流量已经不可忽视，一个网站不只是只有pc的页面就足够了，移动端的适配已经势在必行。但是移动设备种类繁多，屏幕尺寸也千奇百怪，能不能找到一种方式可以适配所有的手机屏幕呢？ 答案就是rem。 俗话说 “授人以鱼不如授人以渔”，但今天我就反其道而行，就是授人以鱼 ...

rem移动端适配： 在移动端（手机端、Pad端），设备尺寸参差不齐。如果想要写完一套代码，能够在所有移动设备上都正常运行，那么采用原生的px单位来设置是不行的。举个例子：iPhone6的尺寸是375px，如果我们想要一个盒子是占据整个宽度的一半，那么会将这个盒子的宽度设置为187.5px ...

100%还原设计图，要注意： 看布局，分析结构。 感觉难点在于： 1.测量精度（ps测量数据）； 2.文字的行高。 前段时间写个移动端适配的页面（刚接触这方面），查了一些资料，用以下方法能实现： 1.设置理想视口： 自动适应屏幕宽度 ...