发表于: 2018-07-07 23:01:05

1 733


今天完成的:

        通过了任务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。



返回列表 返回列表
评论

    分享到