1. 移动设备优先：

2. 媒体标签：

   @media screen and (min-width: 100px){
       div{
           width: 100px;
           height: 1000px;
           background: yellow;
       }
   }

3. 完整代码：

4. 效果：
   
   
   

网页名称：css响应式布局原理
转载来源：http://www.dtcuyxr.com/article/jdihjs.html