字體大小意外增加移動Webkit，

Question

我正在優化用於移動設備的網站，和我差不多完成了（耶！），但有一兩件事讓我機架我的大腦：

它是如何工作

我用CSS重新設置了一個標籤欄（實際上是一個列表），像下拉菜單一樣工作。觸摸唯一可見的列表元素時，jQuery會切換ul -element上的類「打開」，並且所有列表元素也會出現。這就是它的工作原理。

的問題

當展開下拉菜單，它的字體大小增加從15px的到19px。在Inspector中，絕對沒有暗示爲什麼會發生這種情況。添加規則font-size: 15px !important;不起作用。

我爲你一個小截屏：http://youtu.be/MUTJfTK70PE?hd=1

受影響的設備

1. 的Android（三星Galaxy）
2. 的iOS（iPod，iPhone手機，模擬器）

的Windows電話（Internet Explorer）是不受影響（哇） ！）

我會非常感謝每一個想法！

Answer 1

原來，該移動Webkits字體大小調整爲原點。 此規則解決了這個問題：

-webkit-text-size-adjust: none; 

Answer 2

您可以嘗試將是這樣的：font-size: 1.5rem;

Answer 3

在HTML5中，這是最好的通過顯式設置視在頁眉解決。聲明

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

將移動字體調整爲關閉狀態。將text-size-adjust設置爲none具有在移動設備上禁用縮放的缺點，仍然需要大量的前綴，並且某些瀏覽器似乎沒有忽略任何值。