如果浏览器视口大于＆lt; 1200px，则更改css值（left：x）

Question

我在一个宽度为1200像素的网页上包含了我的内容。如果浏览器视口宽度小于1200px，我需要使用jQuery将左侧值从50％更改为0px，使用此css position:absolute; top:0px; left:50%; margin-left:-600px; width:1200px; height:auto; 将页面中心放在页面中间。就在ipod上，例如，因为换行中心，我左边的内容被切断而无法滚动到一边。 先感谢您。

Answer 1

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

$(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;
}