移动端基础知识总结

css像素

虚拟像素，CSS和JS使用的抽象单位，浏览器内的一切长度都是以CSS像素为单位的，CSS像素的单位是px。px实际是pixel（像素）的缩写，根据 维基百科的解释，它是图像显示的基本单元，既不是一个确定的物理量，也不是一个点或者小方块，而是一个抽象概念。

PPI

每英寸多少像素数

PPI也叫像素密度，所表示的是每英寸所拥有的像素数量。因此PPI数值越高，即代表显示屏能够以越高的密度显示图像。当然，显示的密度越高，拟真度就越高，Pixels Per Inch是像素的密度单位，就像PPI值越高，画面的细节就会越丰富

DPI

每英寸多少点

布局视口

布局视口是指网页的宽度，一般移动端浏览器都默认设置了布局视口的宽度，根据设备的不同，布局视口的默认宽度有可能是768px，980px，1024px等，这个宽度并不适合在手机屏幕中展示，移动端浏览器之所以采用这样的默认设置，是为了解决早期的PC端页面在手机上显示的问题

视觉视口

视觉视口是指用户正在看到的网站的区域，这个区域的宽度等同于移动设备的浏览器窗口宽度，

理想视口

理想视口是指对设备来讲最理想的视口尺寸，采用理想视口的方式，可以使网页在移动端浏览器上获得最理想的浏览器和阅读宽度，