发表于： 2016-08-27 00:18:40
1 1127
今天完成的事：
1.任务12
明天计划的事：
1.修改所有任务
收获：
1.ID的优先度要比class高，可以利用这点在不能用important的情况下覆盖bootstrap的样式
2.自适应布局应该把container得改成container-fluid
（事实上我一直在手动把container的width设置成100%......）
遇到的问题：
1.
.col-xs-12{padding-bottom: 0.2rem;}
.col-sm-4{padding: 0;}
在xs分辨率下实际padding为0
(大屏幕的col样式会覆盖小屏幕的col样式，所以在改动col样式的时候要以从大到小的顺序写，即本例应先写sm再写xs)
3.chrome的PC调试模式下切换col样式的分辨率拐点与设置不符，比如手机和平板布局拐点设置在768px，
而实际看到的拐点在845px，但是开启设备模式(device mode)在768px下确实是平板的布局
（这个情况仅仅在通过webstorm打开页面时会出现，而直接打开html文件是没有这个问题的。感觉不成问题，留意下就好）
4.这次使用导航展开组件发现不再是一行一选项了
（和navbar-nav相比navbar-pills多了一个float:left的样式，需要自行清除浮动）
（认真想想pills一行一个那是相当难看，还是去掉改成调整边距来自适应）
返回列表
评论