Android 字体大小刹车 UI答案

【问题标题】：Android font-size brakes UIAndroid 字体大小刹车 UI
【发布时间】：2017-03-14 14:34:20
【问题描述】：

在我的网络项目中，我遇到了安卓手机的问题。如果您只是浏览具有默认设置的页面，一切都很好，但是如果在 Settings > Display > Font > 我将 font-size 更改为例如巨大的然后我的 UI 元素被缩放。

我主要使用 em 来设计我的元素。

我尝试修复字体提升主题：

html * {max-height:9999999px}

或

text-size-adjust: none

简而言之，假设我在屏幕底部水平堆叠了 4 个按钮。当我在 android 设置中更改字体大小时，按钮会变得很大并相互重叠，从而破坏 UI

请帮忙。 :)

更新
接受的答案表明从 css/js 的角度来看这是不可能的。可能有一些疯狂的黑客，但对我来说没有什么值得考虑的。因此，如果有人找到解决方案，请务必发布答案。

【问题讨论】：

我不完全确定您的问题是什么。什么是你的问题，你想达到什么目标？您能否附上它破裂时的样子以及您希望它是什么样子的图片？
如果我不完全清楚，我很抱歉。简而言之，例如我在屏幕底部水平堆叠了 4 个按钮。在 android 设置中更改字体大小时，按钮会变得很大并相互重叠，从而破坏 UI

【解决方案1】：

这是 Android 辅助功能选项的预期行为。

据我所知，没有办法从浏览器中的外部 css/js 破解它。

如果您有一个独立的应用程序，您可以扩展 WebView 类并执行 getSettings().setTextZoom(100) 这将忽略辅助功能中的文本大小。

【讨论】：

不，没有独立应用程序。只是一个网络应用程序。
不幸的是，您无能为力 - 这就是它应该显示的方式
澄清一下，发生的事情是设备改变了像素的相对感知，因此 1px 变成了例如和 5px 一样（正常情况下）？
默认情况下，Android 使用与密度无关的像素（dp，或 sp，在文本的情况下）这些像素会根据屏幕密度按 0.5 到 4 的比例缩放。可访问性设置应用进一步缩放，因此与像素大小没有直接联系
那么会发生什么只是一切......放大？对不起，我只是不明白 dp，sp 的东西

【解决方案2】：

在 CSS 中 em 单位是相对于元素的字体大小（2em 表示当前字体大小的 2 倍）。这意味着它取决于用户的字体设置。

解决您的问题的方法是使用另一个单位，例如 vw，它是相对于屏幕（视口）的宽度，9vw ~ 9% 的视口宽度。

或者干脆使用像像素这样的独立单位（px）。

更多关于 CSS 单元的信息可以在这里找到：http://www.w3schools.com/cssref/css_units.asp。

【讨论】：