正如标题所说,比如我在一个标签内设置font-size:10px,那么他的line-height就默认为16px了,在设置line-height:10px是不生效的,设置line-height大于12px的时候就生效了,ios上没问题,这是什么情况啊。。。有解决办法没
小伙看你根骨奇佳,潜力无限,来学PHP伐。
當樣式表裡font-size
chrome之前是不支援12px以下的中文的,因為覺得中文小於12px辨識難度太大了,在行動端就我的開發經驗來看
當設定小於12px的字體時,ios沒問題,但是安卓會有問題,即便是用了-webkit-text-size-adjust也不行,因為有的安卓瀏覽器不支援這個特性
-webkit-text-size-adjust
如果真的需要有小於12px的字的話,建議用scale來做,這樣可以保證各個端的一致性
scale
1、當樣式表裡font-size<12px時,中文版chrome瀏覽器裡字型顯示仍為12px,這時可用
font-size<12px
12px
html{-webkit-text-size-adjust:none;}
2、-webkit-text-size-adjust放在body上會導致頁面縮放失效3、body會繼承定義在html的樣式4、用-webkit-text-size-adjust不要定義成可繼承的或全域的
、-webkit-text-size-adjust
body
html
然而只對chrome27.0 版本以下有效,27.0以上版本無效;只對英文才有效,對中文無效。 在新版的chrome中,已經禁止了改屬性,建議使用CSS3中的方法:
chrome27.0
27.0
transform:scale(0.875);
使用transform:scale(0.875); 不只是文字變小了,整個文字所在的容器也同時會變小。
transform:scale(0.875
當樣式表裡font-size
chrome之前是不支援12px以下的中文的,因為覺得中文小於12px辨識難度太大了,在行動端就我的開發經驗來看
當設定小於12px的字體時,ios沒問題,但是安卓會有問題,即便是用了
-webkit-text-size-adjust
也不行,因為有的安卓瀏覽器不支援這個特性如果真的需要有小於12px的字的話,建議用
scale
來做,這樣可以保證各個端的一致性1、當樣式表裡
font-size<12px
時,中文版chrome瀏覽器裡字型顯示仍為12px
,這時可用2
、-webkit-text-size-adjust
放在body
上會導致頁面縮放失效3、
body
會繼承定義在html
的樣式4、用
-webkit-text-size-adjust
不要定義成可繼承的或全域的然而只對
chrome27.0
版本以下有效,27.0
以上版本無效;只對英文才有效,對中文無效。在新版的chrome中,已經禁止了改屬性,建議使用CSS3中的方法:
使用
transform:scale(0.875
); 不只是文字變小了,整個文字所在的容器也同時會變小。