发表于： 2017-01-27 23:50:39
2 587
今天完成的事：还原了九宫格效果图。使九宫格可以根据窗口大小变化，没有水平滚动条。使用Chrome的开发者工具模拟手机查看，效果也达到了。
一开始直接用px设置宽高，每3个div换行用clear：left；达成九宫格。不过都是固定值不会产生自适应效果。
后来改用百分比设置宽高，有自适应效果了，然而九宫格的宽高比不定，会根据窗口大小变成长方形。
因为屏幕比较扁，尝试先设置高，以高为标准设置宽，以此来保证出现的是正方形。
然而没有出现想要的结果。
对换一下，先设置宽width:20%,再设置height0;padding-bottom:20%。效果达成了……意外。我也不知道为什么然而这样写可以达成。欢迎师兄师姐指教_(:з」∠)_
遇到的问题：自适应还是不太懂。
不会设置成果展示用的服务器。
明天计划的事：继续看自适应。
学习如何使用github。
收获：通过百分比设置宽高产生自适应效果。
返回列表
评论