发表于: 2017-03-24 22:30:15

4 725


今天完成的事情: 

                        1.初步完成任务一,思路:1个大盒子里套9个小盒子(div套div,小盒子采用float属性),

                                                          自适应即随着窗口改变大小(盒子宽度用窗口宽度的百分比形式表示)。

                        2.设置github账号,并托管九宫格代码。


明天计划的事情:

                       1.开始任务二的学习,学习如何设置github页面

                       2.解答任务一完成后的思考题。


遇到的问题: 

                       如何在width用百分比形式表示的时候,使height等于width?(百度解决的“大”问题,自己想了好久---)

                       解决方案:

                       1.{width:80%;height:0;padding-bottom:80%}理由:padding-bottom是百分比值的时候,参考的是父元素的width而不是height。

                       2.使用vw单位。1vw=1%视窗宽度。即{width: 80vw;height: 80%}


收获: 当然是可大可小的九宫格啦,展示如下:


师 兄 验 货 吧--------------------------------------------------------------


返回列表 返回列表
评论

    分享到