码迷,mamicode.com
首页 > 其他好文 > 详细

12/8

时间:2015-12-08 20:26:22      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:

@media screen and (max-width: 650px){
#quan{
width:98%;
margin: auto;
position: relative;
}
.duoYong ul li a div {
width: 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;
}

 }

 

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

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

 

12/8

标签:

原文地址:http://www.cnblogs.com/l979662050/p/5030678.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!