发表于： 2018-07-27 21:27:48
1 655
今天完成的事情：接着任务八。
明天计划的事情：写任务七深度思考的demo，
遇到的问题：写代码的时候总是会与预期不符，然后改动半天，基础还是弱。
收获：
bootstrap设定5列：用col-xs-3，然后在CSS里加一行代码 .col-xs-3 { width:20%;} 等于重新定义了栅格宽度，这样每行刚好5个。 每列的DIV上再加一个class，定义这个class的宽度为20%。
轮播图： 采用bootstrap框架，对框架中的内容进行更换就可以了。
注意： bootstrap中的轮播图是带有id的，在一个页面中id是唯一的，如果要用两个轮播图，那么要修改第二个轮播图的id，以及其中子元素跟其相关的id。
媒体查询的使用方法：
可以直接在CSS文件中直接引入媒体查询：
例：
@media screen and (max-width:786px){
/*CSS样式*/
}
2.或者是在HTML文件的header中针对某个媒体查询引入CSS文件
例：
<link rel="stylesheet" type="text/css" media="screen and (max-width:768px)" href="路径">
返回列表
评论