Web applications Galaxy选项卡上的1280x800与本地环境上的1280x800不同?

Web applications Galaxy选项卡上的1280x800与本地环境上的1280x800不同?,web-applications,screen-size,galaxy-tab,Web Applications,Screen Size,Galaxy Tab,目前,我们正在开发一个新的Web应用程序。客户表示至少支持1280x800及以上。在本地环境下,它看起来很好,而且很合身。但当我在Galaxy选项卡上浏览时,1280x800网站看起来不像是运行在1280x800上的网站。在Galaxy选项卡上,网站被截断,尽管该选项卡的硬件设置显示为1280x800。所以这个网站对于1280x800来说太大了。 我知道在编写Android应用程序时,您必须关注不同的屏幕和密度,但我们讨论的是一个网站,而不是Android应用程序,我不确定是什么导致了这种行为。

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

[更新]

Firefox的屏幕截图(正确)

现在在Galaxy选项卡中(截断)

这可能是由不同的像素间距引起的。我建议你去


用于不同的屏幕大小。

您可以尝试将其添加到HTML文档的

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


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

如果你能给我们两个的快照,那就太好了,这样我们就可以马上找到答案。我将更新这个问题…非常感谢,这是解决方案。像素间距与以像素为单位测量的大小无关。即使两个1280x800px屏幕的像素间距不同,100x100px也会占用相同百分比的屏幕空间。像素间距对于以英寸或类似单位测量的尺寸来说很重要,因为像素越高的设备每英寸的像素越多。我想这意味着,如果任何大小都不是以像素为单位的,你应该将它们转换为像素。@ikegami nope。默认情况下,高DPI设备不会将CSS-px转换为屏幕像素,因为大多数内容都针对低DPI屏幕进行了优化,并且太小而无法读取。考虑这一点的另一种方式是,在这些设备上,默认情况下,网站的比例为1.5甚至2。这可以通过
meta
标记禁用。@noah1989,谢谢。你应该在回答中这样说。