12/8

@media screen and (max- 650px){
#quan{
98%;
margin: auto;
position: relative;
}
.duoYong ul li a div {
3.09rem;
}

.duoYong ul li a .maiDan {
background: url("../images/bot_menu.jpg") -20px 0;
}

.duoYong ul li a .youHui {
background: url("../images/bot_menu.jpg") -180px 0;
}

.duoYong ul li a .diTu {
background: url("../images/bot_menu.jpg") -340px 0;
}

.duoYong ul li a .woDe {
background: url("../images/bot_menu.jpg") -490px 0;
}

 }

这是我今天写的代码主要就是让网页能够实现响应式的布局，用媒体规定在浏览器在缩小到多少像素的时候里面的内容也缩小。

我感觉响应式的布局很烦因为一些东西为了顾全到手机平板电脑就必须写上几遍。。