发表于： 2018-05-13 23:14:23
1 567
今天完成的事情：
改正了任务六一些错误的地方。
理了下任务7的思路
bootstrap分本地和网络库两种引入方式
学习栅格布局
<meta http-equiv="X-UA-Compatible" content="IE=edge">为了兼容新版IE浏览器，使用低级渲染方式时，用这个。
明天计划的事情：
写页面一
用栅格布局
熟练bootstrap的栅格用法
遇到的问题：
背景图片在手机上显示时出现偏差，电脑上显示没问题，换了手机浏览器也还是出现了偏差。调正了手机上面，电脑上就会偏差。调正电脑上面，手机上面就会出现偏差。原因是手机浏览器不兼容，浏览器对图片的大小解析不同？
收获：
bootstrap可以很好的用于手机页面的布局，对于PC端不太复杂的网页也可以很好地适用，但对于淘宝天猫京东这种非常细致的网页则不适用了
知道background的缩写用法，用雪碧图做背景图片的时候可以省掉一些不必要的代码。
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
放于首部，外联样式<link rel="stylesheet" type="text/css" href="a.css">放在下面，则不会受到bootstrap的影响。
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
上面两行JS样式放在<body>里的最下面。
进度：task7
任务开始时间：2018.05.13
预计结束时间：2018.05.16
是否有延期风险：无
禅道：无
返回列表
评论