CSS3 Resize简单探索

一.属性

属性值:

值	描述
none	用户无法调整元素的尺寸。
both	用户可调整元素的高度和宽度。
horizontal	用户可调整元素的宽度。
vertical	用户可调整元素的高度。

Tips：

1. 不继承，大部分标签默认值是NONE

2. 如果希望此属性生效，需要设置元素的 overflow 属性，值可以是 auto、hidden 或 scroll。
   （应该是只有overflow最终表现形式是visible会导致这个属性失效。）

二.浏览器支持度：

CSS3 resize的支持性则较好

PS: DOM上还有resize的回调，但基本没有浏览器支持。

三.高宽调整

动态改变的时候，动态改变对应DOM上style的高宽

• 最小高宽由height/width或者min-width/min-height的最小值决定，并且style上的高宽不会小于这个最小值。

• 最大高宽由max-width/max-height决定，但style上的高宽可大于这个最大值。

结论：兼容性还行，给定高宽后只能比定值大，不能定值小，使用场景有局限性。

---

参考链接：http://www.w3school.com.cn/cs...

支持度判断链接：http://caniuse.com/#search=re...