发表于: 2017-03-30 23:52:56
2 602
今天来到深圳线下,明天正式入学。
任务进展:
基本完成了任务7的三个页面布局。
遇到问题:
1、版本选择页面:在屏幕较小时布局混乱,原因是屏幕变窄,导致文字换行,采用媒体查询方法设置小屏幕下的字体尺寸,保证布局不变。经泽平师兄指点,设置浏览器的字体大小,全样式字体使用rem单位。在写@media语句时,要设置的元素样式连同该语句须放在原该元素样式的后面,否则不起作用。
2、投票页面:师兄提示,音频播放需要用js写,因为audio标签css无法设置样式。布局页面时,我本意是玩家方块大小不变,每一行的个数随着页面宽度变化,师兄要求每一行方块数不随页面变化,明天修改。
3、结果页面:设置footer的opacity后,内部的button也继承了这一点,师兄提示使用RGBA,明天解决。在页面较小时,胜利标志部分被掩盖,文字出现换行,明天采用媒体查询解决。
明日计划:
1:完成上面列出的问题。
2:申请一个域名。
收获:
做任务越来越多,在写样式时不再局限于类选择器,开始试着多种选择器搭配使用(当然还是避免使用id选择器),在看网上一些代码示例时,便于理解其所指。
评论