昨天完成的事情（重写！）：

1、task3布局都做出来了，就差调试大小位置。

明天计划的事情：

1、完善task3：盒子位置 和，自适应大小问题。（完成）；

2、开始task4（完成）；

遇到的问题：

1、Q：定义屏幕多大字体就多大的时候，写了代码 却不显示。，

      A：之前设置的什么html   都没用，经过师兄的不断尝试！body就可以了！涉及到继承优先权的问题，要好好看看！

@media screen and (max-width: 640px) {
    body {
        font-size: 70%;
    }

2  Q：图片自适应问题。

   A ：  图片后面定义一个最大宽度就可以了。

<div class="content" >
    <div class="back">
        <img src="tast/back.png" style="max-width: 100%">
    </div>
    <div class="id">
        <img src="tast/id.png" style="max-width: 100%">
    </div>
    <div class="word">
        <p>
            葡萄藤轻游戏专注于桌游领域，提供在线杀人游戏，捉鬼，炸狼堡等多种聚会游戏，以下线下聚会桌游道具。
        </p>
    </div>

收获：学会了用居中盒子来定位元素的大概位置。