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

Question

我在一个宽度为 1200 像素的网页上环绕了我的内容。wrap div 使用这个 css 在我的页面中间居中，position:absolute; top:0px; left:50%; margin-left:-600px; width:1200px; height:auto; 如果浏览器视口宽度小于 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;
}