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

标签 android css zooming text-size

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

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

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

目前的样子: enter image description here

它应该是什么样子: enter image description here

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

最佳答案

在 CSS 中,像素不是像素。

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

关于android - 为什么这个安卓设备会放大文字?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9885815/

相关文章:

iphone - UIWebView 在加载外部网站时以编程方式设置初始缩放比例?

java - 如何在 Android 中使用 java 在点击时放大/缩小 imageView?

android - Rails 3/PhoneGap : Converting a Rails app into an Phonegap Android app?

javascript - PermissionsAndroid 未显示在 React Native 应用程序中

html - 如何将图片和文字并排放置在页面中央?

css - Bootstrap 3 - 是什么导致搜索表单保持在线?

delphi - Delphi中ListView上的半透明层?

android - Place Picker 启动后自动关闭

java - 我可以更新 ApplicationModule 并在每次注入(inject)时获取更新的值吗

html - Bootstrap 4 创建六列布局