调整浏览器大小时，我希望输入框随着屏幕缩小而缩小。最终，如果屏幕缩小足够，那么我希望浏览器使输入几乎消失。我在所有元素上都设置了min-width：0px，因此我认为它们应该消失。我没有这种行为。输入框最终将停止缩小。为什么是这样？有没有不使用媒体查询就可以解决的方法？
body{
background-color:rgb(78, 115, 223);
background-image:linear-gradient(rgb(78, 115, 223) 10%, rgb(34, 74, 190) 100%);
background:linear-gradient(180deg,#4e73df 10%,#224abe 100%);
}
.registerwrapper{
display:flex;
align-items: center;
justify-content: center;
height:100%;
width: 100%;
}
.wrapper{
display:flex;
}
.registerimg{
display:flex;
min-height:603px;
}
.registerimg img{
display: flex;
width: 100%;
max-width: 500px; /*actual image width*/
height:603px; /* maintain aspect ratio*/
margin: 0 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.registerright{
max-width:900px;
min-width:0px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
background:#fff;
display:flex;
align-items: center;
justify-content: center;
margin: 0 0;
}
.registerbtn{
height:45px;
flex:1;
background-color: #4373df;
display: flex;
justify-content: center;
align-items: center;
border-radius:10px;
min-width:0px;
}
.registerfacebook{
height:45px;
flex:1;
background-color: #3b5989;
display: flex;
justify-content: center;
align-items: center;
border-radius:10px;
min-width:0;
}
.registergoogle{
height:45px;
flex:1;
background-color: #EA4335;
display: flex;
justify-content: center;
align-items: center;
border-radius:10px;
min-width:0;
}
.registerinput{
border-radius:10px;
height:50px;
outline: none;
border:1px solid #cdcdcd;
min-width:0;
flex:1;
}
.registerfirstinput{
margin-right:10px;
min-width:0px;
}
.registerinfo{
height:100%;
width:100%;
margin:100px 80px 0 80px;
display:flex;
min-width:0px;
flex-direction: column;
}
.registerinfo div{
margin:10px 0;
display:flex;
justify-content: center;
align-items: center;
min-width:0px;
}
.registerinfo div input{
display:flex;
min-width:0px;
}
.registeremail{
flex:1;
border-radius:10px;
height:50px;
outline: none;
border:1px solid #cdcdcd;
min-width:0px;
}
@media(max-width:700px){
.registerimg img{
display: none;
}
}<html>
<head>
<link rel="stylesheet" href="registerstyle.css">
</head>
<body>
<div class="registerwrapper">
<div class="wrapper">
<div class="registerimg">
<img src="data:image/jpeg;base64,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">
</div>
<div class="registerright">
<div class="registerinfo">
<h3>Create an Account!</h3>
<div>
<input type="text" name="firstname" class="registerinput registerfirstinput">
<input type="text" name="lastname" class="registerinput">
</div>
<div>
<input type="text" name="email" class="registeremail">
</div>
<div>
<input type="password" name="password" class="registerinput registerfirstinput">
<input type="password" name="passwordcheck" class="registerinput">
</div>
<div>
<div class="registerbtn"><span>Register Account</span></div>
</div>
<hr />
<div>
<div class="registergoogle"><span>Register with Google</span></div>
<div class="registerfacebook"><span>Register with Facebook</span></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>我相信您需要在输入上应用width: 100%;（或某个百分比值），以使其响应。
此外，您可以在较小的断点处提供基于百分比的边距，以提高响应速度。当前，除非提供百分比值，否则.registerinfo在任一侧的间距始终始终为80像素。