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