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