Как установить текущий размер textarea без изменения его минимального размера?

Question

[Stanislav]

Столкнулся с проблемой. Есть . В свойствах css указываю для него:

max-width:1000px;
min-width:200px;

Логично, что увеличить больше 1000px его теперь нельзя. Но мне нужно, чтобы его текущая ширина была, например 600px, но при этом сохранилась возможность уменьшать поле до 200px. Каким образом это можно сделать? И возможно ли это вообще?

Answer 1

[DevRev]

textarea {
    max-width: 1000px;
    min-width: 200px;
    width: 100%;
}

Comments

[Stanislav]

А мне допустим width нужен 400.

[DevRev]

Stasgar: Честно говоря я не совсем понял какая у вас стоит задача. Я дал вам пример с резиновым полем textarea. Возможно вам нужно что бы при разрешении экрана 640px была ширина текстового поля 400px, а при разрешении (допустим) 1024px ширина текстового поля 600px, тогда эти моменты нужно регулировать через media.

[Stanislav]

DevRev: я не новичек в верстке и про медиа знаю.

textarea {
    max-width: 1000px;
    min-width: 200px;
    width: 400px;
}

В этом коду max-width перестает действовать и 400px - становится максимальным размером. В этом проблема.

[DevRev]

Stasgar: max-width: 1000px перестает действовать потому что вы указали width: 400px.
А если задать свойство width: 100%? Или вам это не подходит для задачи?

[Stanislav]

DevRev: в том и дело - не подходит по задаче) Но уже не важно, на будущее уже буду знать, что так сделать не получится. Нет костылей на этот счет? Ну если конечно не делать кастомный функционал на js.

[DevRev]

Stasgar: Интересно конечно какая у вас была задача. Я с таким еще не сталкивался. Но исходя из всего вышеперечисленного, я бы вероятнее всего реализовывал это через media.

Answer 2

[Сергей ZSA]

Эм... ну а кто мешает добавить и width: 600px; к вашему textarea в дополнение к минимальной и максимальной ?

Comments

[Stanislav]

width перекрывает min-width. И получается, что меньше заданного width не уменьшить.

[Сергей ZSA]

Stasgar: а вы пробовали?

[Stanislav]

Сергей ZSA: вы думаете я задаю вопрос, не покопавшись перед этим в интернете/документации? Да, я пробовал.

[Stanislav]

Решения я так и не нашел.

[Сергей ZSA]

Stasgar: Вам ниже ответ написали. Я имел ввиду ровно тоже самое. Всё замечательно работает. Вместо 100% можно поставить ваши 600px или любое другое значение.