html 输入框自动缩短 一行内显示,当屏幕缩小的时候，第二个input输入框为什么会移到下一行，如何让他在一行显示，自动弹出滚动条？...

第一个问题：

问题

@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;

}

}

门店名称

门店地址