css3响应式布局

媒体查询

1、分界点
超小屏幕xs （移动设备）768px以下
小屏设备sm 768px-992px
中等屏幕md 992px-1200px
宽屏设备lg 1200px以上

2、语法：@media screen and （max-width：768px）

  <style>
    body {
   
      background-color: green;
    }

    @media screen and (min-width: 768px) {
   
      body {