当screenwidth大于768px时替换div

Question

网站： http://wouterschaeffer.nl/bt/

当屏幕宽度大于768px时，包含块的div必须向上移动，因此它位于旋转木马下方。

我认为可以用jQuery解决，但我不知道如何

Answer 1

如果你想用jquery来做这个

function resize(){
 if($(window).width >768){

 //do somthing here with css 

}


} 
resize();
$(window).resize(function(){

resize();
});

Answer 2

嗯，我知道如何在常规Javascript中执行此操作，而且非常简单。

var x = document.body(); if(screen.width >= 768){ //code goes here }

这就是我所做的一切，但是如果你想获得窗口的大小，你可以用window.innerHeight / window.innerWidth替换screen.width来获取浏览器窗口的大小