什么是响应式设计，响应式设计的基本原理是什么？
响应式网站设计是一个网站能够兼容多个终端，而不是为每一个终端做一个特定的版本。基本原理是通过媒体查询检测不同的设备屏幕尺寸做处理
bootstrap响应式实现的原理
响应式布局与bootstrap框架 https://www.cnblogs.com/chrischan/p/6864578.html
百分比布局+媒体查询
网格系统的实现原理，是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统
首先需要在head中引入meta标签，添加viewpirt属性，content中宽度等于设备宽度， initial-scale:页面首次被显示可见区域的缩放级别，取值1则页面按实际尺寸显示，无任何缩放；maximum-scale:允许用户缩放到的最小比例；user-scalable:用户是否可以手动缩放。代码如下：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta>标签有哪些属性，分别代表什么？
对<meta></meta>标签有什么理解
HTML<meta>标签总结 https://www.cnblogs.com/wangyang108/p/5995379.html
什么是meta标签？
元数据（metadata）是关于数据的信息。
标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。
典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
<meta> 标签提供关于 HTML 文档的元数据。它不会显示在页面上，但是对于机器是可读的。可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。主要有name、http-equiv两个属性。
meta的作用
meta里的数据是供机器解读的，告诉机器该如何解析这个页面，还有一个用途是可以添加服务器发送到浏览器的http头部内容
常用布局方式有哪些，它们各有什么特点？
静态布局、自适应布局、流式布局、响应式布局、弹性布局的区别？
https://www.cnblogs.com/yanayana/p/7066948.html
https://blog.csdn.net/xuehu837769474/article/details/80412099