CSS3 resize свойство позволяет только увеличивать размер DIV - PullRequest
Новая
       8

CSS3 resize свойство позволяет только увеличивать размер DIV

5 голосов
/ 11 июня 2011

В CSS3 есть свойство resize , которое можно применить к div (например, http://www.impressivewebs.com/css3-resize/).. Я создаю богатый пользовательский интерфейс, и мне показалось, что эта функция очень полезна в моем случае. Я стараюсь больше полагаться на CSS3, чем на JavaScript, поэтому мне нравится это «нативное» решение.

Эта проблема заключается в том, что пользователь не может сделать коробку меньше ее первоначального размера.

Воспроизводится в Safari 5.0.5, Chrome 12.0.742.91, в то время как Firefox 4.0.1 изменяет размеры окна в обоих направлениях.

Вопрос : есть ли обходной путь для желаемого поведения? Я все еще хочу придерживаться свойства resize .

Пример : http://jsfiddle.net/wsCQm/

.resizable {
     height: 100px;
     width: 100px;    
     overflow: scroll;
     resize: both;   
}

<div class="resizable"> 
    Some stuff
</div>

1 Ответ

3 голосов
/ 11 июня 2011

Это устанавливается браузером

Пользовательский агент может ограничить диапазон изменения размера чем-то подходящим, например, между исходным форматированным размером элемента и достаточно большим, чтобы охватить все содержимое элемента.

http://www.w3.org/TR/css3-ui/#resize

...