1

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

[更新]

火狐的截图（正确）
在此处输入图像描述

现在在 Galaxy Tab 中（截断） 在此处输入图像描述

4

2 回答 2

2

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

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

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

于 2012-02-10T08:51:21.510 回答
1

它可能是由不同的像素间距引起的。我建议您阅读此内容。

这是一个适用于不同屏幕尺寸的像素间距计算器。

于 2012-02-10T08:46:03.303 回答