Galaxy Tab 上的 1280x800 与本地环境下的 1280x800 不同？答案

【问题标题】：1280x800 on Galaxy Tab differs from 1280x800 on local environment?Galaxy Tab 上的 1280x800 与本地环境下的 1280x800 不同？
【发布时间】：2012-02-10 08:29:09
【问题描述】：

目前我们正在开发一个新的 Web 应用程序。客户说它应该至少支持 1280x800 及以上。在本地环境中，它看起来不错并且很合适。但是当我在 Galaxy Tab 上浏览它时，1280x800 的网站看起来不像是在 1280x800 上运行的网站。在 Galaxy Tab 上，网站被截断，尽管 Tab 的硬件设置显示它是 1280x800。所以网站对于 1280x800 来说太大了。
我知道您在编写 Android 应用程序时必须关心不同的屏幕和密度，但我们谈论的是网站而不是 Android 应用程序，我不确定是什么导致了这种行为。谁能给我解释一下这是什么原因？

[更新]

Firefox 截图（正确）

现在在 Galaxy Tab 中（截断）

【问题讨论】：

如果您能提供两者的快照，这样我们就可以想出任何答案，那就太好了
好的，等一下。我会更新问题...

标签： web-applications screen-size galaxy-tab

【解决方案1】：

您可以尝试将其添加到 HTML 文档的 <head>：

<meta name="viewport" content="width=device-width, initial-scale=1">

之所以需要这样做，是因为默认情况下，高 DPI 设备不会将 CSS px 转换为屏幕像素，因为大多数内容都针对低 DPI 屏幕进行了优化，并且太小而无法阅读。另一种思考方式是，在这些设备上，网站最初的缩放比例为 1.5 甚至 2。通过指定指定的 <meta> 标签，您可以覆盖此行为并将初始比例设置为 1。

【讨论】：

非常感谢，这就是解决方案。

【解决方案2】：

这可能是由不同的像素间距引起的。我会推荐你read this。

Here is a pixel pitch calculator 用于不同的屏幕尺寸。

【讨论】：

像素间距对于以像素为单位的尺寸无关紧要。 100x100px 的东西在两个 1280x800px 的屏幕上占据相同百分比的屏幕空间，即使它们具有不同的像素间距。像素间距对于以英寸等为单位测量的尺寸确实很重要，因为具有更高像素的设备每英寸具有更多像素。我想这意味着如果没有以像素为单位给出任何尺寸，您应该将它们转换为像素。
@ikegami 不。默认情况下，高 DPI 设备不会将 CSS px 转换为屏幕像素，因为大多数内容都针对低 DPI 屏幕进行了优化，并且太小而无法阅读。另一种思考方式是 - 在这些设备上 - 默认情况下，网站按 1.5 倍甚至 2 倍缩放。不过，这可以通过 meta 标签禁用。
@noah1989，谢谢。你应该在你的回答中这么说。