发表于： 2018-06-16 19:07:42
2 649
task7 遇到的问题
1.游戏选择界面
居中问题：flex可以非常轻松解决一些排列规则的子元素的居中问题，学习阮一峰
元素之间间距问题：同级别margin 父子之间padding
图片对齐与居中：再次学习巩固张鑫旭博客http://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/
2.投票界面
1.背景声音播放问题，想了很久如何把目标中的图标作为播放器图形，最后选择让图片和html5 audio控制条重叠，让控制台overflow：hidden，不止到是否有更好方法
2.玩家头像问题：类似9宫格 玩家头像百分比宽度自适应屏幕宽度变化，但是当分辨率增加，头像会过分的大非常难看，并且小图标间距无法控制，最后选择media给不同分辨率设置起始大小和max-width尽量看起来好看些。
3.结果界面
1.使用dl制作白天黑夜游戏过程，bootstrap将dd的ml取消了
2.文字内容较多的元素不定高比较好，或者设置不同分辨率的字符大小
3.最后的按钮背景颜色设置rbga
返回列表
评论