bootstrap系列整理
2024-09-15 06:48:10
去年的九月份做第一版文档站时， 就开始尝试使用bootstrap ，由于当时对node 还一知半解，大部分精力放在nodejs上，bootstrap只是拿来就用，起步文档都没看； 当别人提到 Normalize.css 时，我是不知所云的~ 对于用过做过的东西，我竟不了解，惭愧~
时隔一年，重构文档站，今天过一下bootstrap官方文档（[http://v4.bootstrap.cn/]），有些收获，总结如下： （抽空实时更新~）
起始模板
- 使用HTML5文档类型
- 强制Internet Explorer使用最新的渲染模式（[详情] (http://stackoverflow.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
}
最新文章
- 利用Swashbuckle生成Web API Help Pages
- slidedoor滑动门特效
- 如何将EXCEL表导入ORACLE数据库中？【转】
- 遍历ArrayList时同时修改引发的问题
- 【SMS】移动短信网关返回信息状态代码说明【China Mobile】
- MNC - Multicast NetCat
- C# MessageBox 用法大全(转)
- FOR XML PATH 应用及其反向分解
- 史上最强NDK入门项目实战
- ubuntu自动挂载windows分区和开机自动启动wallproxy
- 1.Java为什么能跨平台运行？请简述原理
- Vue.js—组件快速入门以及实例应用
- GROUP BY 的实现与优化
- 解决Editor.md通过代码块原样输出Emoji被强制解析问题
- Cygwin添加到鼠标右键
- Oracle 用户权限 Grant
- 搭建apache本地服务器·Win
- miui10 傻瓜式安装google框架方法
- MvcPager帮助文档 — PagerOptions 类
- 一个少女心满满的例子带你入门canvas