textarea 在浏览器中固定大小和禁止拖动

HTML 标签 textarea 在大部分浏览器中只要指定行（rows）和列（cols）属性，就可以规定 textarea 的尺寸，但大小在浏览器中（firefox、chrome）还是可以调节的，使用 CSS 的 height 和 width 属性效果和rows cols定义的效果相同，可以拖动右下角图标改变大小。但是过分拖动大小会影响页面布局，使页面变得不美观。可以通过添加如下两个样式禁用拖动，固定大小：

1：彻底禁用拖动（右下角的拖动图标也消失了）（推荐）

<textarea id='memo' style="height: 50px;width: 70px;resize: none;"></textarea>

2：组合使用css中的min-height min-width max-height max-width（右下角的拖动图标依然存在）

<textarea id='memo' style="min-height: 50px;min-width: 70px;max-height: 50px; max-width: 70px;" ></textarea>