# 利用@media与@media screen进行响应式布局 >[success]由于现在移动端的兴起，在做网站时就不得不考虑多终端的适配问题（不同屏幕下的布局）；那么我就必须要了解媒体查询（@media与@media screen）。 > ## 1. 了解Media Queries ## 2. @media与@media screen区别 ## 3. Media Queries工作方式 ## 4. Media使用说明举例 ## 5. 基于视窗宽度的媒体查询断点设置