元素如何跟着浏览器可视高度的改变自适应其高度？

Question

想做一个全屏的轮播图，但是不知道怎样能样元素的高度随着屏幕大小的改变自适应，用了jQuery获取高度，然后这么写的

var height=$(window).height();
 $('.ex').css('height',height);

但是这样子只是第一次能够获取高度，再改变浏览器的高度话高度就不适应了

不知道该如何解决，或者有更好更简单的方法？

小白一枚，还请大神指教！

Answer 1

可以使用css来控制，设计height:100%，但是元素不能有绝对定位以及float等。可以用js来实时的改变，但是方法要放到 元素的 Onresize的事件里，才能检测到变化，实现自适应。