发表于： 2017-04-06 23:45:43
1 624
今天完成的事情：完成了JS-3的第二个页面
明天计划的事情：书写逻辑
遇到的问题：因为今天断网，所以主要把JS2-4的页面的样式重写了一遍，之前没好好写，自适应没做，以前任务7的正方形的自适应用媒体查询写的，写了好多个..，然后现在重写还是不会写，用VW感觉不好，宽度用的%，高度不知道用什么单位了。2-4的页面的头部都一样，所以建一个公共样式把头部的类都拷进去。
游戏流程界面，框框旁边的三角形的固定，一个特别吊的定位方法，给父级DIV设置相对定位属性，然后给三角形absolute绝对定位，移到左边的位置之后，top50%；然后再margin-top:-xxpx； px按三角形的底边长度来算，这样无论框框多高，三角都始终在中间，原理是绝对定位50%，是相对于他的父元素往下移50%；然后用margin再往上移他的底边长，这样就固定到中间了。
收获：收获到了给父级设置了相对定位的话，父级的子元素的绝对定位就是相对于父级来绝对定位，而不是相对于网页了，感觉CSS基础不是很好啊..布局都很烂，flex布局也不会。任务三点击开始游戏之后的逻辑还没想好要怎么实现。
返回列表
评论