发表于： 2017-02-03 02:18:43
0 551
1.虽然拖拉，但还是强迫自己完成了。这个九宫格是按照相对于视口的宽度或高度中较小的那个值来变化大小的，因此整体不会超出视觉视口，也不会有滚动条。
2.接下来开始任务2。
3.关于验收标准中的第二条我是有疑问的——“自适应：调整浏览器的宽度不会出现滚动条，小格子会随着窗口宽度大小变化，不会变形”，不知道电脑浏览全屏时出现的纵向滚动条算不算呢？要不然按窗口宽度变就跟本没法做到吧，怎么说屏幕的宽度总比高度要大的。
4.设置九宫格长度随窗口大小变化的功能有人用了百分比值的padding来实现，但存在色块内加入文本等内容会导致色块变形的问题，同时我受到启发采用vmin（相对于视口的宽度或高度中较小的那个值均分为100单位）这个长度单位来设置色块盒子宽高的长度。
返回列表
评论