您可以使用CSS中的媒体查询（Media Queries）来实现响应式文本框样式，具体步骤如下：
<input type="text" name="username" placeholder="请输入用户名">input[type="text"] {
width: 200px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}@media screen and (max-width: 768px) {
input[type="text"] {
width: 100%;
margin-bottom: 10px;
}
}这样，当屏幕宽度小于等于768px时，文本框的宽度将设置为100%，并且下方会有10px的外边距。
您可以根据需要在媒体查询中添加其他样式，例如修改字体大小、修改边框样式等等，以达到更好的响应式效果。