android - 为什么这个安卓设备会放大文字？

Question

网址是tavistockrestaurants.com .我们正在努力使这种设计在流行的移动设备上运行良好。一个特定的安卓设备似乎在放大文本，我不确定为什么。这会导致顶部的“联系人”链接换行，并导致整个网站出现不必要的换行符。请注意，在此屏幕截图中，表单被推到图像下方了吗？底部应该有空白!

我们确实为所有元素设置了 -webkit-text-size-adjust: none(使用星号 *)。有安卓等价物吗？有没有人在任何 Android 设备上遇到过这种情况？

此行为不会在所有 android 设备上发生。我们只在 Android 4.x 上看到过这种情况，但我无法用我的 android 4.0 模拟器重现它。

目前的样子:

它应该是什么样子:

(我没有截图中使用的具体设备型号)

Answer 1

在 CSS 中，像素不是像素。

或者更确切地说，1 个 CSS 像素并不总是映射到 1 个硬件像素。在某些高 DPI Android 设备上，一个 CSS 像素可以是 1.5 或 2 个硬件像素。歌剧团 have a good overview on the topic.