12/21

标签：

最近一直在写响应式感觉背景图片想要响应式总是很难，现在我弄清楚了一个背景响应式的写法.

.taobao_form {
margin-top: 18%;
width: 100%;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.baoBei{
background-image: url(../images/bg.jpg);
background-size: 100%;
background-repeat: no-repeat;
background-position: center top;
background-color: #FFFFFF;
float: left;
min-width: 320px;
width: 97%;
margin-top: 1%;
margin-right: 1.5%;
margin-bottom: 1%;
margin-left: 1.5%;
}

.search_taobao {
width: 80%;
padding-top: 17px;
padding-right: 0;
padding-bottom: 15px;
padding-left: 35px;
float: left;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
outline: none;
font-family: Helvetica, "Microsoft YaHei", Arial, Helvetica, sans-serif;
font-size: 13px;
color: #666666;
background-image: url(../images/iconfont-sousuo.png);
background-repeat: no-repeat;
background-position: 10px center;
background-size: 20px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
box-sizing: border-box;
}
.taobao_submit {
float: left;
width: 20%;
height: 46px;
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
outline: none;
font-family: Helvetica, "Microsoft YaHei", Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 46px;
color: #FFFFFF;
background-color: #ee4444;
background-image: url(../images/top_alpha.png);
background-repeat: no-repeat;
background-size: 100%;
cursor: pointer;
background-position: center;
}

感觉学的越多，就感觉自己越来越笨.

关于响应式现在来说就遇见了背景图片但是以后怎样我还不是很清楚。

我相信自己会越来越好的加油

12/21

标签：

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