发表于: 2017-03-11 22:03:43
1 641
今天完成的事情:今天完成的是对昨天的编码进行修改,使这个九宫格能自适应屏幕。
明天计划的事情:明天计划查看viewport,并解决“使其适配移动设备”这一选项。
遇到的问题:今天主要做了九宫格那个任务,在昨天的基础上,我首先对问题进行了分析,如果是自适应,那么我肯定不能像昨天一样定义个父容器,给它固定宽高,于是我想到定义一个只有宽度的容器,width为100% 这样它之后的容器应该会在它长度的基础上适应屏幕,但是这样做之后,九宫格变得没有高度了,只是一个个长方形,实在不知道怎么办了,就去搜索资料,查到有用padding撑开高度的,这时候padding的高度百分比是以父容器的宽度为基准,这样问题就解决了。
收获:今天最大的收获应该是知道padding可以撑开容器。
评论