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...