Html-根据不同的分辨率设置不同的背景图片

@media only screen and (min-width: 1024px)     //当分辨率width >= 1024px 时使用1.jpg作为背景图片

{            

.bg{

　　background:url(./images/1.jpg) no-repeat;

　}

}

@media only screen and (min-width: 400px) and (max-width: 1024px)    //当分辨率400px < width < 1024px 时使用2.jpg作为背景图片

{  

   .bg{

           background:url(./images/2.jpg) no-repeat;

        }

}

@media only screen and (mmax-width: 400px)    //当分辨率width =< 400px 时使用3.jpg作为背景图片

{   

     .bg{

             background:url(./images/3.jpg) no-repeat;

          }

}