我的问题假设我知道设备的分辨率和 dpi 以及我的显示器分辨率和 dpi。此外，网页布局是流畅的（根据 w3c 的建议，一切都以 em 的百分比表示）。 例如，假设在移动设备中我的屏幕为 480x320，dpi 为 192。我的显示器的 dpi 为 96，这是否意味着如果我将桌面设置为Chrome 的尺寸为 960x640？如果不是，我应该考虑哪些因素？
【问题讨论】：
标签： android google-chrome mobile webkit mobile-safari
没有。如果您将 chrome 的尺寸设置为 480x320，您将看到与在手机上看到的相同的内容。无论您是在手机上还是在台式电脑上查看像素，它们都是相同的。
DPI 数字只是告诉您设备的分辨率。例如您的计算机每英寸有 96 个像素，而您的手机有 192 个像素。因此，480*320 在您的计算机上将比在手机屏幕上占用更大的物理区域，尽管输出将（应该*）完全相同。
*如果您使用任何脚本/代码来检查用户代理并根据它是否是手机/浏览器/上网本/其他任何东西来改变输出，那么您需要考虑到这一点。您可以获得“欺骗”用户代理的 chrome 插件，让您可以像查看移动设备一样查看网站。如果你只是在字面上使用巧妙的 CSS 和流畅的布局，那么你应该没问题。
【讨论】：
您可以在 Chrome 开发者工具中更改 User-Agent 字符串并模拟不同的移动分辨率。
用F12打开开发者工具，点击右下角的齿轮图标，打开User agent标签。
硬件像素和归一化光学像素之间存在差异，但这是一个复杂的问题。我建议在QuirksMode 或A list apart 上阅读更多相关信息。
【讨论】：
是的，您可以，
只需点击Ctrl++，您就会看到不同之处，缩小使用Ctrl--，
来到原始状态新闻Ctrl+0。
你也可以Resize the window manually，这也会改变流畅的布局。
【讨论】：