今天在看demo的时候css样式里面发现的 -webkit-text-size-adjust: none; 度娘之后，了解这段样式的做用是：解决Chrome浏览器里面，设置小于12px的字体大小问题。css
例子以下：web
p1 {chrome
font-size: 11px;浏览器
};frontend
p2 {字体
font-size: 12px;get
}it
当用Chrome浏览器打开的时候，两个段落的字体大小是同样大的。这是由于Chrome浏览器会把字体大小小于12px的字体默认修改为12px，因此才会出现p一、p2段落字体大小同样的状况。webkit
只有在p1的样式修改为下面这样就能够解决这个问题：demo
代码以下：
p1 {
font-size: 11px;
-webkit-text-size-adjust: none;
}
转自：-webkit-text-size-adjust: none; 解决 Chrome 浏览器中设置小于 12px 的字体大小问题