最近一直在写响应式感觉背景图片想要响应式总是很难,现在我弄清楚了一个背景响应式的写法.
.taobao_form {
margin-top: 18%;
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- 320px;
97%;
margin-top: 1%;
margin-right: 1.5%;
margin-bottom: 1%;
margin-left: 1.5%;
}
.search_taobao {
80%;
padding-top: 17px;
padding-right: 0;
padding-bottom: 15px;
padding-left: 35px;
float: left;
border-top- 0;
border-right- 0;
border-bottom- 0;
border-left- 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;
20%;
height: 46px;
border-top- 0;
border-right- 0;
border-bottom- 0;
border-left- 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;
}
感觉学的越多,就感觉自己越来越笨.
关于响应式现在来说就遇见了背景图片但是以后怎样我还不是很清楚。
我相信自己会越来越好的加油