第一个问题:
问题@media only screen and (min-width: 100px) and (max-width: 550px) {
.center {
width: 500%;
}
}
门店名称
门店地址
第二个问题:
问题input {
margin-right: 30px;
}
@media only screen and (min-width: 510px) and (max-width: 550px) {
input {
width: 140px;
}
}
@media only screen and (min-width: 488px) and (max-width: 510px) {
input {
width: 130px;
}
}
@media only screen and (min-width: 448px) and (max-width: 488px) {
input {
width: 110px;
}
}
@media only screen and (min-width: 408px) and (max-width: 448px) {
input {
width: 90px;
}
}
@media only screen and (min-width: 388px) and (max-width: 408px) {
input {
width: 80px;
}
}
@media only screen and (min-width: 100px) and (max-width: 388px) {
input {
display: block;
}
}
门店名称
门店地址