Android Chrome忽略-webkit-text-size-adjust:none屬性縮小文字時(shí),文字會(huì)被縮放
剛剛發(fā)現(xiàn)了一種解決方法。在文本的父元素上設(shè)置最大高度,使其比以前顯示的要大得多。例如,
<p class='intro'> This is some text that is appearing blown up and ridiculous on Chrome Mobile.</p>p.intro { max-height: 5000em;}
您可以在任何父元素上設(shè)置最大高度。它不必是第一個(gè)父母。例如,
<footer class='primary'> <p class='intro'> This is some text that is appearing blown up and ridiculous on Chrome Mobile. </p></footer>footer.primary { max-height: 5000em;}解決方法
我們的客戶要求一個(gè)網(wǎng)站,但不想為移動(dòng)版本付費(fèi)。我們?nèi)栽谑蛊淠軌蛟谝苿?dòng)設(shè)備上運(yùn)行。完全縮小后,Android(4.0)上的Chrome會(huì)縮放一堆文本。我們嘗試設(shè)置-webkit-text-size-adjust:none屬性,但是似乎忽略了該屬性,并且文本仍在按比例放大。
在iOS上運(yùn)作良好。
有什么建議么?
相關(guān)文章:
