发表于: 2018-07-07 23:01:05
1 734
今天完成的:
通过了任务13。
增加了一些自己的css的样式。
完成了任务十四页面一的结构,样式写了一部分。
明天计划的:
完成任务十四的页面一、三(不包括响应式)。
遇到的问题:
任务十三页面三的底部没有透明。
问题原因:为了让最后一条消息能显示出来,给main加了一个margin-bottom,导致整个模块下面产生了空白,内容被截掉,看不到效果。
解决办法:把main的margin-bottom给去掉,给信息的ul加上margin-bottom就解决了问题,既能看见信息,又有透明效果。
font-size :62.5% 在Chrome下不能使 1rem=10px。
问题原因:Chrome默认字体大小最小为12px,所以会使 1rem=12px。
解决办法:改变根元素的百分比。使font-size=125%,则 1rem=20px;或者使font-size=625%,则 1rem=100px。
使用vw的时候,让元素为100vw,会使x轴出现滚动条。
问题原因:vw的宽度是包括滚动条的宽度的,若内容超过一屏,y方向出现滚动条,滚动条会占一部分宽度导致视窗变窄,但是vw是算上滚动条的,所以100vw此时大于视窗宽度,出现x方向的滚动条。(vw、vh主要是为了适应移动端)
解决办法:使用百分比。。。
今日收获:
初次使用vw、vh和rem等单位,对这几个单位有了直观的了解。
了解了checkbox的判断原理,在选项未被选中时点击选项,判断为no checked;反之,为checked。
评论