如何让他在一行显示，自动弹出滚动条？2.如何让他自动伸缩，不弹出滚动条？ <div class="center"> <label>门店名称</label> <input type="text" name=""> <label>门店地址</label> <input type="text" name=""> </div>
1 回答
叮当猫咪
TA贡献1776条经验 获得超12个赞
第一个问题：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>问题</title>
<style>
@media only screen and (min-width: 100px) and (max-width: 550px) {
.center {
width: 500%;
}
}
</style>
</head>
<body>
<div class="center">
<label>门店名称</label>
<input type="text" name="">
<label>门店地址</label>
<input type="text" name="">
</div>
</body>
</html>
第二个问题：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>问题</title>
<style>
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;
}
}
</style>
</head>
<body>
<div class="center">
<label>门店名称</label>
<input type="text" name="">
<label>门店地址</label>
<input type="text" name="">
</div>
</body>
</html>
添加回答
举报
0/150
提交
取消