2016-11-01 60 views
1

在我的web項目中,我遇到了Android手機的問題。如果您僅使用默認設置瀏覽頁面,則一切正常,但如果在設置>顯示>字體>中,我將字體大小更改爲例如巨大然後我的用戶界面元素成爲縮放。Android字體大小剎車UI

我的風格主要是用我的元素。

我試圖修復上的話題字體升壓

html * {max-height:9999999px} 

text-size-adjust: none 

總之,想象我有4個按鈕堆疊在水平屏幕的底部。當我在android設置中更改字體大小時,按鈕變得巨大並且彼此重疊,因此打破了UI

請幫助。 :)

UPDATE
接受的答案表明,是不可能從一個CSS/JS的觀點。可能會有一些瘋狂的黑客攻擊,但沒有什麼值得我思考的。所以如果有人找到解決方案,請發表一個答案。

+0

我不完全確定你的問題是什麼。這對你來說有什麼問題,你想達到什麼目的?你能否包括它在破碎時的樣子以及你想要它的樣子? –

+0

如果我不完全清楚,我很抱歉。總之,例如我有4個按鈕水平放置在屏幕的底部。當在android設置中改變字體大小時,按鈕變得巨大並且相互重疊,因此破壞了UI。 –

回答

2

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

據我所知,沒有辦法在瀏覽器中從外部css/js入侵。

如果你有一個獨立的應用程序,你可以擴展WebView類,做getSettings().setTextZoom(100)這將忽略輔助文字大小。

+0

不,沒有獨立的應用程序。只是一個Web應用程序。 –

+0

不幸的是,沒有什麼可以做 - 這就是它應該顯示的方式 –

+0

「你好黑暗我的老朋友」... –

2

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

的解決問題的方法是使用另一個單元,比如VW,這是相對於屏幕(視口)寬度,9vw〜9的視口寬度的%。

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

更多關於CSS單位的信息可以在這裏找到:http://www.w3schools.com/cssref/css_units.asp

+0

嗯,我不相信這會起作用,因爲據我所見,似乎android上改變字體大小改變了像素的大小,即1px變成5px。因爲我在px中設置了尺寸 –

+0

另外,將所有尺寸更改爲vw可能不是一個好主意,而且會花費太多時間 –