在这篇文章中,我将解释viewports和元素width是如何工作的,比如html元素. window和 screen. 这篇文章主要针对桌面浏览器,但它的部分和移动设备中的结论也比较类似,所以也是为下篇移动端viewports详解做准备. 一.设备像素和CSS像素 设备像素提供了我们操作设备的一个正规的分辨率,可以用screen.width/height获得. 如果你给某个元素宽度设为128px,设备宽度1024px,默认浏览器最大化,这事,元素将占据屏幕宽度的1/8.如果用户缩放,那么这个…