谷歌浏览器是不支持12px以下小字体的,网上搜素一些不错的解决方法,感兴趣的的朋友可以参考下,希望对大家有所帮助
谷歌浏览器是不支持12px以下小字体的,可能是考虑到用户体验吧。
网上也有一些文章介绍,说可以使用:

 
-webkit-text-size-adjust:none;

但是,自chrome 27之后,就取消了对这个属性的支持。

我们还有其它办法解决这个问题吗?

谷歌浏览器支持CSS缩放,于是,我们可以在这方面做文章:

 
-webkit-transform: scale(0.5);

既然最小支持到12px,那么就以12px为基点进行缩放,

同时可以使用-webkit-transform-origin-x: 0; 来解决缩放后margin-left的位移问题:

 
.test_tag{
font-size:12px;
-webkit-transform-origin-x: 0;
-webkit-transform: scale(0.5833333333333334);
}

scale值的计算方法为: 7 / 12 = 0.5833333333333334
最新资讯
Counterpoint:第三季度中国智能手机出货量下滑14%,小米表现最佳

Counterpoint:第三季

据报道,调研公司Counterpoint今日发布报告称,今年第三季
圆通速递:计划非公开发行A股股票募集资金总额不超过37.9亿元

圆通速递:计划非公开发

圆通速递发布公告称,计划非公开发行A股股票的募集资金
想不起来自己的钱是怎么没的?是移动支付让你失忆了

想不起来自己的钱是怎

如果付款的时候是用手机扫一扫二维码来支付,你的心痛程
诺基亚第三季度调整后营业利润4.86亿欧元,低于市场预期

诺基亚第三季度调整后

诺基亚表示,7-9月基本盈利仍为每股0.05欧元,与去年同期
金洲慈航宣布终止收购优胜教育 因后者经营陷入困境

金洲慈航宣布终止收购

基于优胜腾飞书面回复及我方了解的情况来看,目前优胜腾
“营养又美味”的金属“汉堡”

“营养又美味”的金属

中国科学院合肥物质科学研究院方前锋研究员课题组利用
最新文章
html5 canvas-1.canvas介绍(hello canvas)

html5 canvas-1.canva

大家都知道,目前并不是所有的浏览器中支持html5,就算是
canvas烟花特效锦集

canvas烟花特效锦集

这篇文章主要介绍了canvas烟花特效锦集,小编觉得挺不错
使用Html5、CSS实现文字阴影效果

使用Html5、CSS实现文

这篇文章主要介绍了使用Html5、CSS实现文字阴影效果的
html5 canvas绘制放射性渐变色效果

html5 canvas绘制放射

这篇文章主要介绍了html5 canvas绘制放射性渐变色效果
canvas基础之图形验证码的示例

canvas基础之图形验证

这篇文章主要介绍了canvas基础之图形验证码的示例的相
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能

利用HTML5+css3+jquer

这篇文章主要介绍了利用HTML5+css3+jquery+weui实现仿