qq_41692467的博客

视口单位(Viewport units)什么是视口？在桌面端，视口指的是在桌面端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。视口单位中的“视口”，桌面端指的是浏览器的可视区域；移动端指的就是Viewport中的Layout Viewport, “视区”所指为浏览器内部的可视区域大小，即window.innerWidth/window.innerHeight大小，不

px、em、rem单位pxPX是Pixel的缩写，相对长度单位。像素px是相对于显示器屏幕分辨率而言的。像素是指基本原色素及其灰度的基本编码，由 Picture(图像) 和 Element（元素）这两个单词的字母所组成的。开发像素：在css中设置的单位；物理像素：物理像素点知道屏幕显示是最小颗粒，是物理真实存在的。这是厂商储藏室就设置好了，比如苹果6/7/8是750*1334。我们开发的时候设置的 1px 不是一定等于1个物理像素的。pc端页面，1个px等于1个物理像素的，但是移动端就不尽相同。1