http://www.yaohaixiao.com/f2e/chrome-webkit-text-size-adjust-none/

注意:

高版本chrome谷歌浏览器不再支持小于12px的字体：
高版本chrome谷歌浏览器已经不再支持-webkit-text-size-adjust样式也就是不在支持小于12px以下字体，所以要使用时候慎用。为了兼容各大浏览器最好最小文字字体大小设置12px及12px以上。

 

 

-webkit-text-size-adjust: none; 解决 Chrome 浏览器中设置小于 12px 的字体大小问题

由 巨浪 撰写于 2012年11月16日 上午 11:31阅读：9700  2 条评论

标签：Chrome , Frontend , 前端开发 , 原创

不知道说是 Chrome 智能呢？还是说它多此一举？Chrome 浏览器中存在默认会自动将小于 11px 大小的字体调整为 12px。我在写 BlueNight 主题的最新评论时候就设置了评论发布时间为 11px ，无意中有再次发现 Chrome 的这个字体显示问题（最早还是在阿里国际站的时候第一次遇到这个问题）。看看这样的代码：

.date-small {
    font-size: 11px;
}
.date-normal {
    font-size: 12px;
}

用 Chrome 浏览器打开，你会发现两个 CSS 产生的显示结果是一样的，11px 自动变为了 12px。一般情况下，字体大 1px 没有多大影响，但是像 BlueNight 最新评论那样显示宽度有限的情况下，字体大 1px 可能就造成布局的显示问题了。好在问题比较容易解决：-webkit-text-size-adjust: none;，就可以帮我们解决这个问题。我们只需要这么写：

.date-small {
    font-size: 11px;
    -webkit-text-size-adjust: none;
}

size-adjust？小于 12px 的英文字体显示起来还是很好看的，不知道 Google 的工程师是出于什么原因考虑要 adjust？Anyway，我们可以将 -webkit-text-size-adjust 设置为 none 来解决。不过在另外一个主流的浏览器 Opera 中，就没有这么幸运了。没有 -o-text-size-adjust，这样的CSS 属性，在 Opera，我们就只用通过自己手动设置了：工具->首选项->高级->字体->最小字体大小（像素）。

声明：本文采用BY-NC-SA协议进行授权。转载请注明转自：-webkit-text-size-adjust: none; 解决 Chrome 浏览器中设置小于 12px 的字体大小问题