Android字體大小制動UI

Question

在我的網絡項目中我遇到了Android手機的問題。 如果你只是瀏覽一個默認設置的頁面，一切都很好，但如果在設置>顯示>字體>我將字體大小更改為例如巨大，那么我的UI元素將縮放。

我主要用em來設計元素。

我嘗試修復字體提升的主題：

html * {max-height:9999999px}

要么

text-size-adjust: none

簡而言之，想象一下，我在屏幕底部水平堆疊了4個按鈕。 當我在android設置中更改字體大小時，按鈕變得龐大並且彼此重疊，從而打破了UI

請幫忙。 :)

UPDATE
接受的答案表明，從css / js的角度來看，這是不可能的。 可能有一些瘋狂的黑客，但沒有什么值得為我考慮。 因此，如果有人找到解決方案，請發布答案。

Answer 1

這是Android Accessibility選項的預期行為。

據我所知，沒有辦法在瀏覽器中破解外部css / js。

如果你有一個獨立的應用程序，你可以擴展WebView類並執行getSettings().setTextZoom(100) ，它將忽略Accessibility中的文本大小。

Answer 2

在CSS中， em單位是相對於元素的字體大小（2em意味着當前字體大小的2倍）。 這意味着它取決於用戶的字體設置。

你的問題的解決方案是使用另一個單位，如vw ，它相對於屏幕（視口）寬度， 9vw~9％的視口寬度 。

或者只是使用像素（ px ）這樣的獨立單元。

有關CSS單位的更多信息，請訪問： http ： //www.w3schools.com/cssref/css_units.asp 。