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();