------------响应式布局是一个网站能够兼容多个终端的布局方式------------
优点：
-------应对不同分辨率设备灵活性强
-------兼容多个终端，快速解决多设备显示问题
缺点：
-------兼容多个设备工作量大，效率低下
-------代码累赘，会出现隐藏无用的元素，加载时间长
-------一定程度上改变了网站的原有布局，会出现用户混淆的情况
Media Query(媒介查询)
@media screen and (min-width) and (max-width)