怎么让Chrome支持小于12px 的文字?
2017-07-14 18:09
471 查看
这个我们在做移动端的时候,设计师图片上的文字假如是10px,我们实现在网页上之后。往往设计师回来找我们,这个字体能小一些吗?我设计的是10px?为啥是12px?其实我们都知道,谷歌Chrome最小字体是12px,不管你设置成8px还是10px,在浏览器中只会显示12px,那么如何解决这个坑爹的问题呢? 我们的做法是: 针对谷歌浏览器内核,加webkit前缀,用transform:scale()这个属性进行缩放!
<style>p span{font-size:10px;-webkit-transform:scale(0.8);display:block;}</style><p><span>豪豪豪10px</span></p>
相关文章推荐
- 【css】怎么让Chrome支持小于12px 的文字
- 怎么让Chrome支持小于12px 的文字?
- chrome设置小于12px文字的方法
- 解决Chrome谷歌浏览器不支持CSS设置小于12px的文字
- 中文版chrome不支持小于12px字体定义的解决方案
- Chrome谷歌浏览器下不支持css字体小于12px的解决办法
- 解决Chrome谷歌浏览器不支持CSS设置小于12px的文字
- 谷歌 字体小于12, Chrome谷歌浏览器下不支持css字体小于12px的解决办法
- 解决Chrome谷歌浏览器不支持CSS设置小于12px的文字
- 解决Chrome谷歌浏览器不支持CSS设置小于12px的文字
- Chrome谷歌浏览器下不支持css字体小于12px的解决办法【原创】
- 关于chrome的字体怎么设置小于12px的问题
- Chrome谷歌浏览器下不支持css字体小于12px的解决办法
- CSS3 - chrome,傲游,360极速浏览器不支持小于12px的字号的解决办法
- Chrome谷歌浏览器下不支持css字体小于12px的解决办法
- 解决Chrome谷歌浏览器不支持CSS设置小于12px的文字
- chrome 不支持12px以下字体为题的解决
- 如何让谷歌浏览器支持小于12px的字体
- Chrome谷歌浏览器下不支持css字体小于12px的解决办法
- 谷歌浏览器不兼容小于12px的字体,在做网页的时候怎么解决