发表于： 2017-03-24 22:07:39
8 799
今天做完的事：今天做完了任务七的第二个页面和第三个页面的一半。
明天要做的事：明天要把任务七交了，赶紧写任务八，赶紧写。
今天遇到的问题：还是比较一波三折，一开始准备用浮动写，就像任务一九宫格那样写，然后就遇到了很多奇怪的问题，比如
父元素浮动会使子元素宽度无法设置百分比，这时要给父元素加一个width: 100%;子元素才能正确的使用百分比
这时候我发现f12时候模拟iphone5会出现高度拉长，是因为正方形我是宽度写的百分比，但是高度没法写，全靠padding把高度撑起来，但是由于字体大小不会变，在模拟iphone5这样小屏幕的时候，字体的影响就很大，所以会拉长，就没法解决。
后来审视了一下效果图，想把它加一个包裹，然后设置一个最大宽度为768px，想把宽度改成定宽，但是想了一下还是放弃了。
最后用了视口单位+弹性布局来写。
然后还是找了很多好玩的属性，比如transition，可以实现渐变效果，还可以设置渐变时间。
然后还有hover属性有一个点，是蚊子@李维文告诉我的，就是如果想要实现鼠标滑过div 1，div 2出现变化，div 1 一定要是 div 2的父级
感悟：感谢@韩阳欧巴的鼎力相助*6，虽然你出去了，但是爱你哦！
返回列表
评论