1. 移动设备优先：

2. 媒体标签：

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

3. 完整代码：

4. 效果：
   
   
   

网页名称：css响应式布局原理
网页链接：http://www.huitaihen.com/article/jdihjs.html