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

时间：2018-10-15 11:50:32 阅读：272 评论：0 收藏：0 [点我收藏+]

@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;

}

原文地址：https://www.cnblogs.com/huanhuan55/p/9789301.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行