发表于： 2019-07-08 01:12:40
1 842
今天完成的事
1.为雪碧图切图
2.简单架构玩家方块部分
3.初步设置DIV和玩家方块A的样式 采用了VW单位 随宽度变化而变化
4.调整玩家方块样式
5.设置玩家方块数字序号部分
6.给所有玩家方块添加数字序号
7尝试使用雪碧图给hover效果添加样式
今天完成效果预览
明天的计划
1.调试玩家方块的hover效果
2.设置四个操作小方块的样式
3.设置footer的样式
4.完善跳转部分
遇到的问题
1.在移动端排列好布局之后切回PC端会变成两个玩家方块一排
将margin减小0.6vw变为5vw后正常
2.使用雪碧图时不够熟悉 不能很好的和hover结合起来
无法将雪碧图定位到hover样式中
收获
1.学习如何使方块的高度一致等同于宽度的方法
后面采用了使用VW，VH单位的方法
https://blog.csdn.net/qiqi_77_/article/details/79301214
返回列表
评论