jquery - 更改 css 值(左 :x) if a browser viewport is <1200px

Question

我在宽度为 1200 像素的网页上对内容进行了环绕。换行 div 位于我的页面中间，CSS 为 position:absolute; 顶部:0px； 左:50%； 左边距:-600px； 宽度:1200px； 高度:自动； 如果浏览器视口(viewport)宽度小于 1200px，我需要使用 jQuery 将左侧值从 50% 更改为 0px。例如，现在在 iPod 上，因为换行居中，所以左侧的内容被切断，无法滚动到一侧。 先感谢您。

Answer 1

Here is a fiddle link 。拖动可调整大小的 Pane 来调整窗口大小。

$(window).bind('resize', function(){
    if($(this).width() < 1200)
        $('div.wrap').css('left', 0);
    else 
       $('div.wrap').css('left', '50%');
}).resize();