css3有了resize属性,本打算用它来代替js完成resize功能的,今天在试用的时候发现原来resize功能也有它的局限性。

因为现在还只有webkit内核的浏览器支持resize属性,所以我在chrome下测了下这个功能,发现以下几个问题:

1) 单独设resize无用,resize需要和overflow配合使用才能生效,例如resize:both;overflow:auto;

2) resize并不是可以随心所欲地任意拖大拖小的,事实上,它只能拖大,不能拖小。载入页面时,元素的默认大小(如果没设width、height,即为默认文档流中的大小,如果设了width、height,为设制的值,总之,载入时是多大,就是多大),只能往大了拖,并不能往小了拖,相当于resize的范围有min-height、min-width一样。

3) 并不是所有元素都可以resize,比如img和table就没办法resize。

所以,在使用resize属性的时候,要注意一下了,它并不能简单地替代js的resize。