就是浏览器窗⼜的宽度⾼度。但在移动端设备上就有点复杂。
移动端的viewport太窄,为了能更好为CSS布局服务,所以提供了两个
viewport:虚拟的viewportvisualviewport和布局的viewportlayoutviewport。
George Cummins在Stack Overflow上对这两个基本概念做了详细的解释。
⽽事实上viewport是⼀个很复杂的知识点,上⾯的简单描述可能⽆法帮助你
更好的理解viewport,⽽你又想对此做更深的了解,可以阅读PPK写的相关
教程。
物理像素(physical pixel)
物理像素又被称为设备像素,他是显⽰设备中⼀个最微⼩的物理部件。每个
像素可以根据操作系统设置⾃⼰的颜⾊和亮度。正是这些设备像素的微⼩距
离欺骗了我们⾁眼看到的图像效果。
设备独⽴像素(density-independent pixel)
设备独⽴像素也称为密度⽆关像素,可以认为是计算机坐标系统中的⼀个
点,这个点代表⼀个可以由程序使⽤的虚拟像素(⽐如说CSS像素),然后由
相关系统转换为物理像素。
CSS像素
CSS像素是⼀个抽像的单位,主要使⽤在浏览器上,⽤来精确度量Web页⾯
上的内容。⼀般情况之下,CSS像素称为与设备⽆关的像素(device-