【发布时间】：2026-02-21 23:50:02
【问题描述】：
例如，我的桌面上的一个 50 像素宽的按钮在我的桌面上被查看，它看起来像预期的那样占据了大约 5% 的屏幕空间。但在我的 Android 设备上以相同的水平分辨率查看时，它看起来占据了大约 15%。
谁能解释为什么会这样以及我能做些什么来阻止它？
【问题讨论】：
标签： android css pixel mobile-website
【发布时间】：2026-02-21 23:50:02
【问题描述】：
不同的显示器有不同的像素大小。您听到这被称为 DPI 或每英寸点数，即物理上每英寸有多少像素。在您的情况下，您的桌面比您的 Android 设备具有更小的像素（更高的 DPI），因此 50px 占用的物理空间更少。
您可以通过指定物理大小来解决此问题，例如cm 或in。查看spec。
【讨论】：
-
更新了答案以提及提问者可以做些什么来从 CSS 中获取物理尺寸。
-
感谢您的回答。了解像素大小的问题，但是例如两个屏幕都有 1000 个水平像素可用，并且一个元素的宽度为 100px，无论像素大小如何，它仍应占用可用屏幕空间的 10%。还是我错过了什么？
-
缩放系数可能会导致它无法正确缩放。桌面设备和移动设备都允许用户放大或缩小网页，因此它们中的一个或两个都可能显示缩放的内容。