摘要：
一些重要的名词解释：CSS pixels（CSS 像素）：详见http://www.w3.org/TR/css3-values/#reference-pixeCSS声明的像素值，可随着放大缩小而放大缩小。Device pixels（设备 像素）：Layout viewport（布局视口）设计像素值固定，对web开发者来说基本没有用。HTML元素初始视口区域，css中声明宽度的20%等都是按照这个视口来计算。Visual viewport（设备视口）屏幕视口，通过这个视口能看到页面布局。关于移动设备：有两个视口，Visual Viewport和Layout Viewport。Visual Vie 阅读全文
摘要：
概念：设备像素和CSS像素首先要明白CSS像素和设备像素之间的区别。设备像素是定义了我们使用的设备的分辨率，一般来说可以通过screen.width/height来得到。如果我们在浏览器里面创建一个width:128px的元素，而我们的屏幕是1024px宽，那么在浏览器最大化的时候，浏览器的宽度应该是这个元素的八倍（大概八倍，暂时忽略那些tricky的bits）。如果用户使用滚轮放大或者缩小页面(Zooming)，那么这个关系就会变化。一般来说，现在的浏览器对Zomming的实现都是通过伸缩像素，也就是当用户Zoom到200%的时候，你的128px宽的元素宽度并不会变成256px，而是每个像素 阅读全文