Tornar os elementos HTML redimensionáveis

Se você quiser testar rapidamente ou criar protótipos de layouts, pode adicionar uma resizepropriedade (+ overflow) e arrastar o canto inferior direito.

div {
resize
: both;
overflow
: auto;
}

Você também pode limitar a apenas horizontalou verticalredimensionar. Aqui está o Docs . Basicamente, adiciona estilos de largura e / ou altura embutidos nesse elemento.

Suporte a navegadores : Infelizmente, não funciona em todos os navegadores. Além disso, o Chrome e o Firefox têm uma implementação diferente do mín. / Máx. Então meio que limita o uso apenas durante o desenvolvimento ou teste.

Veja a demonstração .