textarea只允许上下调节尺寸

对于extarea，因为如果不做限制的话，它是可以自由调节尺寸的，对于这一点我相信用户是非常喜欢的，因为每个人都有自己认为合适的尺寸，但是对于前端来说就比较头疼了，因为随意调节宽高，就会破坏整体布局，

所以以前一直都是在css，加上一句resize：none，比如像合作意向描述那个框。

 

但是这样做虽然可以达到页面的绝对控制，但是却失去了设计textarea的初衷，对于如今的pc或移动端（已经占据了80%以上流量入口），我们一般不是担心高度的调节，而是宽度！

所以我们给他一个绝对或相对宽度，而用户只能调节高度（这也是一般用户的需求）

解决方法：

　　在textarea css中加入min-width：90%（加入你自己的高度）, max-width:90%(与前一个高度保持一致)，如图：只能上下进行拖动

 

优点：

　　1. 不影响原有布局

　　2. 增加用户体验。

转载于:https://www.cnblogs.com/wangyuda/p/5895279.html