今天完成的事情

        不定宽布局知识点：不定宽布局每种都有几种方法，方法一：float + overflow 、方法二： table、方法三: flex

        响应式设计知识点：主要有三部分组成：流式布局，媒体查询和灵活的媒体类型。第一部分，流式布局，就是用灵活的网格搭建一个网站布局，它可以动态的调整以适应于任何宽度。网格布局使用相对长度单位，通常是百分比或是em。这些相对长度多用于网格，诸如宽度，间距或是留白等属性。第二部分，媒体查询是对媒体类型的一个扩展，因为经常发现目标设备自带样式，他为特定的浏览器和设备提供特殊的样式。能够为目标设备提供有针对性的样式，在响应式设计中发挥作用。最后，流式的媒体对于响应式设计也是同等重要的部分。当视窗开始改变尺寸时，媒体大小并不总是做适当改变的。所以图片，视频以及其他媒体类型需要在视窗改变的情况下，按照比例改变大小。

        操作练习：复制响应式的代码在练习html页面中，查询代码如何运行实现。

明天计划的事情

        运用响应式布局到第一个页面

遇到的困难

        查询了响应式知识点，对流式布局有了初步的理解，流式布局设置自动分宽度比例。为啥不直接设置div百分之多少呢。

        缩放到一定的时候就严重变形，到这点可能就需要响应式的div最小尺寸，怎么知道严重变形那个度的尺寸呢？

        目前我的页面缩放时有些会变形，溢出的无法隐藏。

收获

        无