一。自适应和响应式 先说共同点，两者都是因为越来越多的 移动设备（ mobile, tablet device ）加入到互联网中来而出现的为移动设备提供更好的体验的技术。用技术来使网页适应从小到大（现在到超大）的不同分辨率的屏幕.都是为了解决同一张页面在不同设备分辨率上合理展示的技术。 不同点 ...

浏览器默认的字体大小为100%=16px=12pt=1em px像素（Pixel）：是固定大小的单元。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。一个像素等于电脑屏幕上的一个点（是你屏幕分辨率的最小分割）。像素单元的一个问题是，它没有为视障读者的扩展，以适应移动设备。 点（pt ...

一、viewport视口 1.1什么是屏幕尺寸、屏幕分辨率、屏幕像素密度？ 屏幕尺寸：指屏幕的对角线的长度，单位是英寸，常见的屏幕尺寸有3.5、3.7、4.2、4.7、5.0、5.5、6.0等。 ...

css单位我们常用的是px,也即是像素。随着网页开发自适应的要求，css3新增了许多单位，rem、vw和vh、vmin和vmax、ch和ex等。 em 做前端的应该对em不陌生，不是什么罕见的单位，是相对单位，参考物是父元素的font-size，具有继承的特点。如果字体大小是16px（浏览器 ...

在css里面，padding-top,padding-bottom,margin-top,margin-bottom取值为百分比的时候，参照的是父元素的宽度。 比如：父元素宽度是100px, 子元素padding-top:50%，那么padding-top的实际值就是100*50%=50px ...

按百分比布局,精度肯定不会有rem精确 meta就不多说了,同样在meta标签内 <meta name="viewport" content="width=device-width,initial-scale=1 user-scalable=0"> 在body ...

都支持了，我可以放肆的使用 rem 了。 em 的计算是基于父级元素的，在实际使用中给我们的计算带来 ...

的特别标识符以及css中优先级的机制来实现不同浏览器里css样式兼容性的问题。 2.响应式布局和自适 ...