我是外门弟子

今天完成的事情：

不小心shift+del删掉了task7今天又再次做了一遍task7的第一页，用rem写的比较细致，写的很快

磨磨蹭蹭终于做了个task-list展示页，还有很多功能需要完善呀

明天计划的事情：

开始尝试做第二页

遇到的问题：

第一次用first-child发现不能用

仔细看了看教程，发现原来只能选择div，p这种标签

好像不能选择class，也就是 .circle : first-child这样

只好加了个大的div，代码如下

        .circle {
            height: 0.8rem;
            width: 0.8rem;
            border-radius: 50%;
            background-color: lightgray;
            display: inline-block;
            text-align: center;
        }
        .page div:first-child {
            background-color: #29bde0;
        }

另外，这个首页，感觉重点是要让高度适配，就是保证不出现滚动条？

所以我的媒体查询这么写的- -不知道对不对

        @media only screen and (min-height:600px){
            html,body {
                font-size: 85%;
            }
        }
        @media only screen and (min-height:800px){
            html,body {
                font-size: 120%;
            }
        }
        @media only screen and (min-height:1300px){
            html,body {
                font-size: 155%;
            }
        }

    其他的都用rem控制

收获：

同上