Boootstrap样式文件逐行解读（一）

前言

---

 

我是纯粹的前端小白，仅仅初级的了解了HTNL4.0+CSS3+JS。在前端技术方面还是有很多不了解的地方。了解到bootstrap还是因为接下来的毕业设计准备做一个兼容ie8以上的响应式教学网站。

正文

---

bootstrap虽然也提供了部分就是插件，但是整体来说bootstrap还是偏向于前端的响应式框架。阅读优秀的代码是优秀的程序员的好习惯。所以，就开始我的bootstrap.css阅读之旅吧。（我阅读的是boootstrap 3的用于生产环境的bootstrap 3.3.7【在 bootstrap中文网下载】）

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

 

设置HTML默认字体为“无衬线字体”

 

“-webkit-text-size-adjust”，这属性现在的一般用处是防止iPhone在坚屏转向横屏时放大文字。值得注意的是即使viewport设置了maximum-scale=1.0 文字还是会放大的。iPhone与iPad的默认设定是不一样的。iPhone默认设定是 -webkit-text-size-adjust：auto，iPad的默认设定是 -webkit-text-size-adjust：none。也就是说iPad是默认不调节的。

此属性也支持使用百分比作为单位，当前的桌面版的webkit浏览器是不支持的（谷歌浏览器在27以后不再支持此属性），所以如果不想让iPhone横坚屏切换的时候调节文字，用 -webkit-text-size-adjust: 100%; 至于不使用none而使用100%的原因在于使用了none之后，某些支持此属性的桌面版webkit浏览器不能人为的缩放大小。影响某方面的体验。

-ms-前缀的标签也是相似的设置。