去年的九月份做第一版文档站时, 就开始尝试使用bootstrap ,由于当时对node 还一知半解,大部分精力放在nodejs上,bootstrap只是拿来就用,起步文档都没看; 当别人提到 Normalize.css 时,我是不知所云的~ 对于用过做过的东西,我竟不了解,惭愧~
时隔一年,重构文档站,今天过一下bootstrap官方文档([http://v4.bootstrap.cn/]),有些收获,总结如下: (抽空实时更新~)
起始模板
- 使用HTML5文档类型
- 强制Internet Explorer使用最新的渲染模式([详情] (http://*.com/q/6771258))
-
然后,使用视口meta标签
响应式meta标签
基于移动设备优先的原则开发了Bootstrap,基于这个原则我们先为移动设备优化代码,然后使用CSS媒体查询来扩大组件。为了确保所有的设备的渲染和触摸效果,必须给网页的添加响应式的视图标签。
Normalize.css
为了改进跨浏览器渲染效果,我们使用了Normalize.css来校正不同设备和浏览器之间的细小的不一致。之后我们会基于它创建Reboot来创造出我们自己的、稍微有点固执己见的样式风格。
Normalize.css VS reset.css
作为一位css 老手,以前的reset 都是 自己写的~
http://nicolasgallagher.com/about-normalize-css/
http://www.w3ctech.com/topic/1804
学术派的同事们 都是注重原理的 ~ 恩 我也想当个学术派,他们说的话都很有道理的样子~
一些属性
pre,textarea,xmp {
overflow: auto;
-webkit-overflow-scrolling: touch
}