最近在给自己的博客重新整理css，以及查看一些出现的问题，就发现了一个很严重的问题（我感觉），大致问题就是在手机端查看代码时，代码栏会出现字体突然变大的问题，这个问题其实早就发现了，但是没有仔细去搞过，刚好这个去找了下怎么解决。

发现

其实这个问题出现的原因也很简单，因为我在更换博客样式的时候，部分的css是直接抛弃了的所以在后续的过程中，也没有仔细研究原来的部分样式，也就出现了如下的样式的问题。

部分字体放大

解决

在查阅百度之后，发现加上如下的样式即可，在themes/butterfly/source/css/_global/index.styl文件中加入

1
2
3
html {
	text-size-adjust: 100%
}

当然，你也可以在自定义css中加入如下样式

1
2
3
html{
    -webkit-text-size-adjust: 100%;
}

其实如果使用的是butterfly主题原本是使用了这样的一个样式的，在themes/butterfly/source/css/_third-party/normalize.min.css文件中，但是我在修改样式的时候，就直接将这个样式抛弃了，所以导致出现了这些问题，不过具体是怎么导致的也不清楚，待我学习之后再说吧，嘻嘻