1. 移动设备优先：

2. 媒体标签：

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

3. 完整代码：

4. 效果：
   
   
   

新闻名称：css响应式布局原理
文章转载：http://www.scyingshan.cn/article/jdihjs.html