如何确定CSS像素比率

Question

决定设备css像素比的因素究竟是什么？并且，作为奖励，css像素的大小在不同分辨率的不同设备上是相同的

Answer 1

每台设备都会报告自己的尺寸和比例。 css像素考虑了比率（因此，如果比率为2，则每个css像素中有4个像素）。用于求出每个css像素中的实际像素数的公式是比率^ 2。在iPhone 6+上，该设备报告更高的分辨率和比率，并对页面进行缩减采样以适应较小的1920x1080屏幕。

要回答问题的第二部分，这些设备上的像素密度和比率没有惯例，因此如果文本大小是静态的，则文本在一部手机上看起来很大而在另一部手机上看起来很小。出于这些原因，在开发移动设备时，通常可以在文本大小上使用“vw”或视口宽度单位。

Here is an excellent link for finding the ratios and device widths for various phones