web响应式！

今天学的新内容，web响应式，响应式一般都是用于手机软件界面比例适应，响应式分为三步：1、流式布局。2、媒体查询。3、media-queries,流式布局是可根据屏幕大小自动调节，媒体查询是做此事所需的最强大的工具，让我们使用百分比宽度来布局，然后在浏览器变窄到无法容纳侧边栏中的菜单时，把布局显示成一列，media-queries要在HTML中插入一句话：<meta name="viewport" content="width=device-width; initial-scale=1.0">。