Android 为什么我的响应css代码是'；各种设备上的输出是否奇怪？

我使用CSS已经有一段时间了，但现在我感到困惑。我有一个快速响应的应用程序（至少我是这么想的）

Galaxy S8（分辨率1440x2960）一切正常（大而可读的文本）
Nexus 7（第1200x1920号决议）：一切都不好（小而难以阅读的文本） 基于我的CSS代码，我假设它应该可以正确工作，最大宽度为800px。在这上面，为什么它的工作与1080px的宽度和1440的宽度，而不是与1200的宽度，这基本上是介于两者之间？同样的事情也发生在我的引导图标上，它们在1200宽上变得非常小，在这种情况下，我的联系人表单也只在屏幕的1/3（高度）上（高度应该是2/3）。我是不是走错了路

下面是我的代码示例：

@media screen and (max-width: 800px){body{font-size:17px}}
@media screen and (max-width: 720px){body{font-size:16px}}

---

您还必须考虑像素比率，这是一个必须除以设备分辨率的因子，以达到浏览器用于呈现网站的实际分辨率

Nexus 7的像素比为1.325，这意味着在浏览器中，1200个实际像素被渲染为1200/1.325=905px宽，而您指定的任何媒体查询都不用于该浏览器

虽然我找不到三星S8或Oneplus的像素比，但基于三星s7的像素比4，1440像素在浏览器中渲染为1440/4=360px，因此使用了您指示的底部媒体查询

如果您拥有上述设备，请访问以下链接以确定这些设备的像素比率以及渲染分辨率：

您可以在以下链接中找到像素比率示例：

有关像素比率的更多信息：