chrome 设置小于12px的字体大小 方法

1,184 阅读1分钟

先看看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元素

效果如图: