响应式布局

响应式设计：网页能自动识别屏幕宽度、并做出相应调整的网页设计。主要是针对现在互联网用户使用多种终端浏览同一个网页的行为趋势，如果每个网站为此就得制作一个App，成本高且安装率低，完全没有必要，所以自适应网页设计其实才是未来的趋势，尤其小网站。（来自知乎的易懂的解释）

响应式设计中，让页面显示和视口同宽同高的语句是：<meta name = "viewport" content = "width=device-width,initial-scale =1">

1、meta标签

meta-information：元信息

作用：提供有关页面的元信息，例如针对搜索引擎和更新频度的描述的关键词；永远位于head头部内。

2、viewport：视口，即用户网页的可视区域

3、content属性：始终要和name属性一起用，或者和http-equiv属性一起用

其他的例子：

<meat name = "keywords" content = "HTML,SQL,PHP">