浏览器自适应

 

1. 
   
   <div class"abc">自适应大小</div>
    </style>
    @media screen and (max-width: 2000px) {
           .abc  {top:-130px;}
       }
       /* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */
       @media screen and (max-width: 1700px) {
           .abc {top:-50px;}
       }
       @media screen and (max-width: 1600px) {
           .abc {top:-30px;}
       }
       @media screen and (max-width: 1366px) {
           .abc {width: 320px;
               margin-left: -93px;}
       }
       /* 设置了浏览器宽度不大于900px时 abc 显示200px宽度 */
   
       @media screen and (max-width: 1000px) {
           .abc {top:-100px;}
       }
       /* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 */
   </style>