如何通过css的media属性，适配不同分辨率的终端设备?_html/css_WEB-ITnose

如何通过css的media属性，适配不同分辨率的终端设备，示例如下:

          首页                           @media (max-width:768px) { #div1 { width: 400px; margin: 0 auto; background:url('img/1.JPG'); } #img2,#img3 { width: 100px; } } @media (min-width:768px) { #div1 { width: 600px; margin: 0 auto; background:url('img/1.JPG'); } #img2,#img3 { width: 200px; } } @media (min-width:992px) { #div1 { width: 800px; margin: 0 auto; background:url('img/1.JPG'); } #img2,#img3 { width: 300px; } } @media (min-width:1200px) { #div1 { width: 1000px; margin: 0 auto; background:url('img/1.JPG'); } #img2,#img3 { width: 400px; } }            


      
查看更多关于如何通过css的media属性，适配不同分辨率的终端设备?_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did108437