美文网首页
web开发小记1:谷歌字体

web开发小记1:谷歌字体

作者: 朱萧默说 | 来源:发表于2016-08-16 22:54 被阅读24次

标签: web

---

今天开发的时候,遇到一个问题,就是在谷歌浏览器上发现使用font-size设置字体的大小时候,在字体小于12px的时候,不起作用。

具体解决方案如下:

在一些老版本的谷歌浏览器中:可以用Chrome的私有属性禁用浏览器文字大小调整的功能

> -webkit-text-size-adjust: none;

所以找了一直代替方案:

> transform:scale(0.875);

但是这个方案会导致容器变小。

相关文章

  • web开发小记1:谷歌字体

    标签: web --- 今天开发的时候,遇到一个问题,就是在谷歌浏览器上发现使用font-size设置字体的大小时...

  • Web版扫雷开发小记(3)

    前篇: web版扫雷开发小记(1)web版扫雷开发小记(2)web版扫雷开发小记(3)web版扫雷开发小记(4) ...

  • web版扫雷开发小记(4)

    目录:Web扫雷开发小记(1)Web扫雷开发小记(2)Web扫雷开发小记(3) 其实在完成上篇的功能之后,一个扫雷...

  • Web扫雷开发小记(1)

    目录Web扫雷开发小记(2)Web扫雷开发小记(3)Web扫雷开发小记(4) 刚好今天做阿里前端笔试问到扫雷了,那...

  • Android 程序员搞 Web 之 CSS(六)

    Android程序员搞Web之CSS(五) 一、HTML 开发引入图标字体 1、字体下载网站 Fontello -...

  • HTML5&CSS note

    1.Import a Google Font 导入谷歌字体。 用link标签来引入谷歌Lobster字体。 复制下...

  • Angular学习笔记

    1.angular介绍 谷歌开发的开源的web框架,诞生于2009年 angular基于Typescript 它和...

  • 前端未来趋势(一)

    1.PWA PWA(Progressive Web Apps)由谷歌提出,用前沿的技术开发,让网页使用如同App般...

  • Flutter学习笔记07-Icon

    Fluttter中,可以像Web开发一样使用iconfont,iconfont即“字体图标”,它是将图标做成字体文...

  • Flutter 使用自定义字体图标icon

    Flutter中,可以像Web开发一样使用iconfont,iconfont即“字体图标”,它是将图标做成字体文件...

网友评论

      本文标题: web开发小记1:谷歌字体

      本文链接:https://www.haomeiwen.com/subject/jyzpsttx.html