当前位置:首页 » 代码程序 » 针对谷歌默认最小字体12px的正确解决方案(css、html)

针对谷歌默认最小字体12px的正确解决方案(css、html)

想把网站的默认字体12px改小一点,我心想这有什么难的,哪知,改css的时候,谷歌浏览器中font-size小于12px时,字体就不会再缩小了。当时我的第一反应就是会不会是其他css把字体覆盖了。结果看了半天也没发现。于是,只百度一下了,结果还真让人大吃一惊:原来谷歌以及谷歌内核的浏览器在中文语言下最小字体只能是12px。不知道这算是一个bug还是谷歌人性化的设计。不管那么多了,反正要解决这个问题呀~既然这是一个经典的兼容性问题,一定有很多解决方法吧。以下是解决办法:在css中加入如下代码
-webkit-transform-origin-x:0;-webkit-transform:scale(0.90);
利用css3的缩放,其最终大小就是:12px* 0.9(缩放比例)=10.8px;
觉得很赞 (0)打赏支持
X
打赏方式:
  • 微信
  • QQ红包
  • 支付宝

使用微信扫一扫
日期:2017年04月12日 星期三   分类:代码程序   本文已经被百度收录,点击查看详情
blogger
本页正文内容约346个文字
版权所有:【舍力博客】 => 【针对谷歌默认最小字体12px的正确解决方案(css、html)】
本文地址:https://www.shuyong.net/937.html
除非注明,文章均为 【舍力博客】 原创,欢迎转载!转载请注明本文地址,谢谢!

留言/评论:◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

填写好QQ号码,任点空白处自动获取

昵称

邮箱

网址

站内搜索

个人资料

舍力

博主:舍力

Emlog交流群

    舍力博客承接Emlog模板定制/仿站、网站功能高仿、新增或修改Emlog等服务,本站提供最新的Emlog企业/CMS/博客模板、Emlog教程及网页脚本编程知识分享!

广告

博客统计

  • 文章数量:977篇
  • 文章评论:2696条
  • 总访问量:2165270次
  • 微语数量:50条
  • 在线人数:1人
  • 本站运行:4年零29天
  • 博主连续3天都没有更新文章了!
Copyright © 2017 舍力博客 版权所有   粤ICP备11021420号
时间那么贵,留给相处不累的人!Sitemap
数据存储阿里云服务器 QQ群:398634813
Powered by emlog / &Author 舍力博客.