发表于： 2017-03-29 22:31:28
9 648
今天重写的任务三，完成任务四。
明天计划任务五，并再次重写任务三。
遇到的问题
1.图片自适应问题
解决方案
img{
max-width:100%;
max-height:100%;
}
这代码解决了图片和父级容器匹配问题，只允许缩小不允许放大。
2未定宽高容器如何撑满页面
解决方案
div{
positon:abslute;
top:0;
left:0;
right:0;
bottom:0;
overflow-x:hidden;
overflow-y:auto;
}
本日收获
通过任务四，解决了任务三一些布局问题，并且对自适应有更深的理解，我的理解，自适应应该先用百分比大体布局，然后在每个分割的小区域中，通过设计图上的像素算出当前rem，进行内容填充。
表单
将input浮动可以去掉两个input间的缝隙，placeholder为h5新增内容，input可以通过左padding来给bg让出位置。
outline可以操作input的外边框。
通过任务四我也对css多种子代选择器运用的更熟练了。
麻烦师兄指点，谢谢0.0
返回列表
评论