[散修弟子]CSS-2284|2016年09月30日的日报-技能树.IT修真院

发表于： 2016-09-30 23:01:08

1 655

昨天完成的事情：昨天写完修真院的第一篇日报，趁着还有些时间和精力，便继续开始撸完了task3。
今天完成的事情：看古尘师姐已经做完的task1,task3,完了对task1进行了自适应网页设计，然后撸完task4。
明天计划的事情：争取撸完task5。

收获：通过和师姐的成果进行比较，发现自身的不足，收获了以下一些东西-->

在html的head中添加一条meta标签：

<meta name="viewport" content="width=device-width,initial-scale=1">

在css文件中设置以下几个类似的设置:

html {
    font-family: Microsoft YaHei, serif;
    font-size: 62.5%;
}

@media screen and (max-width: 480px) {
    html {
        font-size: 52.5%;
    }

img {
    max-width: 100%;
}

将块级元素的width改成max-width或min-width或width设置百分比；

对多个块级元素的width设置百分比,总和为100%，并进行float;

需将原来的px替换成em或rem;

最后，知道了maxlength和letter-spacing以及vertical-align的用法，师姐棒棒的

返回列表