设置文本字段最大大小首选项但允许调整大小

Question

我想为我的页面使用几个270px的文本字段。 当我调整页面的大小一点时，我的文本字段，由于它们的大小 覆盖我的引导列。

问题不在于它属于来自md的sm类别。

我想要做的就是设置我想要270px的初学者，但是当页面变得越来越小时，可以根据需要尽量小。

Answer 1

试试这个：

textarea {
       width: 270px;
       max-width: 100%;
}

或者只是：

textarea {
       max-width: 100%;
}

Answer 2

使用此代码：

textarea {
    max-width: 270px;
    width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
}

如果textfield parent的宽度大于270px，它将以270px的宽度显示，当你的页面越来越小时，textfield的父级也会变小，当它达到小于270px的宽度值时，文本字段也变小了。 但我认为，这也取决于你的文本字段在容器元素上的位置，以及是否有与textfield相同级别的其他元素。