发表于： 2016-11-17 16:42:46
2 737
今天完成的事情：今天一直在找纯css的自适应资料进行学习，学会了使用百分比实现盒子宽度和高的自适应；宽度的自适应width：X%，高度的自适应使用
padding：2Y% 0 或者 padding-bottom：Y% 。发现自适应还有很多内容，使用绝对定位也可以实现；移动端使用flex（只是了解还不会用，兼容性也不是很好）。
明天计划的事情：开始任务3，具体学习切图的知识，根据图片设计出最佳的网页布局，以及在写代码是要注意html、css的规范以及常用命名原则等。
遇到的问题：在解决自适应问题是宽度还好理解，但是高度是因为浮动的缘故，才使用padding来设置，但是具体原理还是不太清楚，是因为浮动造成了内容塌陷吗？
收获：自适应可以通过
1、浮动+百分比实现（自己已实现）；
2、绝对定位和相对定位+百分比；
3、移动端（flex）等。
路漫漫其修远兮！
css自适应是需要长时间的学习和实践的！
加油，坚持
返回列表
评论