请不要，我不太了解CSS。
我正在一个个人项目上，我有两列包含文本框。这些文本框是使用背景图像自定义的。
这完美地工作。
但是，当我调整浏览器的大小时，texbox彼此重叠。当重叠时，我希望调整texbox的大小；当达到最小宽度时，我想将texbox放置在彼此的下方。
我可以在纯CSS中执行此操作吗？如果是这样，我如何才能更改我写的文字以实现此目标？
（哦，顺便说一句，我需要IE8 +的兼容性，不需要支持IE6或7）。谢谢 ！
这是一个JsFiddle，可以更好地理解问题并查看我到目前为止编写的代码。
我想问题出在
width: 278px;
但我尝试过%，但并不能解决问题（您可以尝试）。
谢谢您的帮助
这是因为您要用作背景的图像的宽度，如果输入的宽度与图像的宽度相同，则效果很好。小提琴
input[type=text],input[type=password]{
border:none;
background:url('http://i.stack.imgur.com/FPaoD.png') no-repeat top left;
font: 14px 'Segoe UI','Arial',sans-serif;
color: #888;
outline:none;
height: 48px;
margin: 0 auto 10px;
padding: 0 10px 0 50px;
/* set width to image width */
width: 338px;
}
如果您希望它们具有响应性，我建议使用CSS对其进行样式设置。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句