Chrome allowed to resize text area by drugging that on the bottom right corner, but some times this movement may break design of the page, so i am wondering how to restrict the max and min width for that action of how to disable that function at all with thml/javascript/css on the page?
You can disable re-sizing it with the following css:
resize: none;
You can also restrict to horizontal resizing only with:
resize: horizontal;
and only vertical resizing with:
resize: vertical;
This is all a matter of CSS.
To disable the resizing (drag thumb) just use resize: none;. To restrict size max(min)-width and height should do the trick.
you can use :
resize: vertical;
max-height: 200px;
you can use
resize:none
to restrict the resizing of a textarea.
来源：https://stackoverflow.com/questions/7204584/how-to-restrict-max-textarea-width-and-height-in-chrome-or-how-to-disable-textar