元素宽高发生改变的时候没有动画效果

这里主要遇到的问题是给元素设置宽高让他发生变化的时候如果用的是百分比的话会发现动画效果出不来
给元素设置最大百分比 元素本来的宽高都是父元素的 50%
想给他设置百分之百的时候有个两秒的动画效果会发现不生效
这里解决方式是
使用 max-height 和max-width
给元素设置max-height 和max-width 50%
然后设置hover 或者点击的时候 max-height和max-width 100%
设置动画效果 transition:all 2s;
或者设置一个很大的数 比如 max-height和max-width 1000px
不想设置所有可以设置 t’ransition: max-height max-width 2s