发表于： 2017-03-20 22:41:15
1 591
今天完成的事情
1.基本完成了任务6，但是还有一些地方没有达到标准，再修改一下。
2.学会了基本的flex布局。
明天计划的事情
1.提交任务6，熟悉bootstrap。
2.比较不同的布局方式，争取能做到针对不同的布局选择最优的布局方式。
遇到的问题
1.滑到最底的时候，页脚遮挡了一部分元素。
解决方式：1.使用js解决，判定当滑动条滑到页面内容的最底端的时候，将原本会脱离文档流的fixed定位改为不脱离文档流的relative定位。
2.增加一个占位元素，高度与页脚高度相等。
2.感觉自己的css代码结构有点混乱，命名的class太多太乱，导致修改起来经常找不到地方，师兄有什么好办法吗？
收获
1.元素之间如果有空格或者回车，会导致元素之间存在空白间距，在百分比布局时要注意。
2.可以通过
img {
max-width:100%;
height:auto;
}
来使图片大小自适应。
背景图片可以用
background-size:cover; 等比扩展图片来填满元素
background-size:contain; 等比缩小图片来适应元素的尺寸
3.text-overflow:ellipsis 设置文本超出部分为省略号
white-space:nowrap 设置文本不换行
overflow:hidden 设置超出部分不显示
返回列表
评论