Question

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

[UPDATE]

Firefox的截图（正确）
enter image description here

现在在Galaxy Tab中（截断） enter image description here

Answer 1

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

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

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

Answer 2

可能是由不同的像素间距引起的。我建议您read this。

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

Galaxy Tab上的1280x800与本地环境中的1280x800不同？

2 个答案: