在说具体内容之前，我们必须了解几个概念，就是：Retina 屏、物理像素、设备独立像素、设备像素比在 CSS 中我们一般使用 px 作为单位，需要注意的是，CSS 样式里面的 px 和物理像素并不是相等的。CSS 中的像素只是一个抽象的单位，在不同的设备或不同的环境中，CSS 中的 1px 所代表的物理像素是不同的。在 PC 端，CSS 的 1px 一般对应着电脑屏幕的 1 个物理像素，但在移动端，CSS 的 1px 等于几个物理像素是和屏幕像素密度有关的。1.Retina 屏所谓“Retina”是一种显示标准，是把更多的像素点压缩至一块屏幕里，从而达到更高的分辨率并提高屏幕显示的细腻程度。由……