MorningDuGe

简介bootstrap根据媒体查询设置不同的container容器宽度，在容器内用百分比设置其列col的宽度以自适应不同大小的屏幕，一行row共有12个col,只需添加相关的类名，且对应类名后面的数字之和为12即可。/* 超小设备（手机，小于 768px） xs*/ /* Bootstrap 中默认情况下没有媒体查询 *//* 小型设备（平板电脑，768px 起）sm */ @media (min-

响应式设计原则1. 渐进增强还是优雅降级？ 渐进增强：先实现低版本浏览器支持的功能和特性，估计做出来的网站自己都想吐，然后再一点一点添加高版本浏览器支持的特性，估计完成后项目都要解散了！ 优雅降级：按照高版本浏览器支持的特性开发网站，最后去掉低版本浏览器不支持的特性，如border-radius,box-shadow等。 我比较支持优雅降级，毕竟使用低版本浏览器如IE6的人

html{ font-size:62.5%; } html,body{ margin:0; padding:0; } ::selection{ background-color:#b3d4fc; text-shadow:none; } ul{ margin:0; padding:0; list-style: