如果浏览器视口 <1200px，则更改 css 值（左：x）

Question

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

Answer 1

这是一个小提琴链接。拖动可调整大小的窗格来调整窗口大小。

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

Answer 2

您使用这种技术来使元素居中是否有原因？一种更简单的方法，在较小的宽度下工作得很好，没有绝对定位和负边距！

div#container {
  width: 1200px;
  margin: 0px auto;
}