发表于： 2016-02-06 23:29:23
0 1578
今天完成的事情：搞定task10
计划明天完成的事情：继续做task11
遇到的问题：在做页面底部“友情链接”时老是不能自适应，然后去看了师兄的代码解决了这个问题，师兄是将其分别用两个<ul>包裹，然后让<ul>显示为两行，再给<ul>设个class="col-md-6 col-xs-12",这样在大屏幕下每个<ul>占row的一半显示为2行，在小屏幕下每个<ul>占整个屏幕显示为4行，还有就是要把<ul>和列（column）的内边距消掉，不然在大屏幕下中间会有很大的距离。
做完后上传到服务器上，发现显示不正常，很多图片、文字都偏移了，打开本地文件还是正常的，后来一想才发现是因为没有把bootstrap上传的原因。
收获：完成了第一个响应式页面
链接：http://119.10.57.67:8050/task10.html
返回列表
评论