今天花了一个半小时对hexo博客进行格式美化，web端正常显示，但是在iPhone下，无论是Safari还是chrome，代码字体都特别大，疑似和ios下的渲染有关系，解决办法也很简单，设置webkit-text-size-ajust=none即可，但是注意该参数不要定义为全局的，因为设置为none的意思是禁止字体缩放。

代码设置如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
/* syntax highlight*/
pre 
  width: 100%      
  position: relative
  border: none
  padding: 0
  margin: 0
  code 
    display block
    box-sizing: border-box
    overflow-x: auto
    font-family: Monaco, monospace, Menlo, Source Code Pro, Consolas
    -webkit-text-size-adjust: none
    margin: 1.2em 0
    padding 15px 15px 10px 15px
    line-height: 1.2em
    width: 100%
    border-radius: 5px
    /* box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.125) */
    font-size: 13px
    // color: #333
    color: #ffffff
    // background: #f7f8f8
    background: #282c34

参考