先看看ie、火狐、谷歌浏览器下的字体显示情况
ie下:
blogs.zmit.cn/wp-content/…
火狐下:
blogs.zmit.cn/wp-content/…
谷歌下:
blogs.zmit.cn/wp-content/…
很明显:谷歌浏览器下,小于等于12px的字体显示都是一样大小。
如果要设置小于12 px 的字体,可以使用css中的 -webkit-transform: scale(0.8) 属性,属性介绍可以戳这里:
www.w3chtml.com/css3/proper… 。
该属性用于设置可以设置高度的元素,如span元素则设置无效。代码如下:
浏览器效果如图所示:
如果p元素有背景的话,这个属性也会使背景随之变化,如,未设置这个属性时,给p元素设置背景,
效果如图:
设置了这个属性之后
效果如图 :
所以可以给p标签里面设置个span元素
效果如图: