HTML текст минимальной ширины игнорируется при установке ширины

Question

Кажется, что минимальная ширина игнорируется, я не могу масштабировать менее 200 пикселей;

Есть ли обходной путь?

<textarea style='width:200px; max-width:400px; min-width:100px'>
    text
</textarea>

Answer 1

Вот так и должно работать!Свойства min-width и max-width должны использоваться вместе, чтобы определить диапазон значений для элемента, который необходимо изменить в соответствии с условиями пользователя (например, размер монитора).Явное присвоение тому же элементу width просто побеждает эту цель.

См. http://reference.sitepoint.com/css/min-width для получения дополнительной информации

Если вы хотите изменить размер textarea, который увеличивается с количеством контента, добавляемого пользователем, вы можете посмотреть на этот плагин jQuery:http://james.padolsey.com/javascript/jquery-plugin-autoresize/

Answer 2

Спасибо за И Цзян!

jqueryui.com/demos/resizable/#textarea

это ответ!