Jquery 如果浏览器视口为<；1200像素

我在一个宽度为1200px的网页上对我的内容进行了包装。包装DIV集中在我的页面中间，这个CSS，<代码>位置：绝对； 顶部：0px； 左：50%； 左边距：-600px； 宽度：1200px； 高度：自动； 如果浏览器视口宽度小于1200px，我需要使用jQuery将左侧值从50%更改为0px。例如，现在在ipod上，因为包装是居中的，我左边的内容被切断，无法滚动到一边。 先谢谢你

。拖动可调整大小的窗格以调整窗口大小

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

$（窗口）.bind（'resize'，function（））{
如果（$（this）.width（）<1200）
$（'div.wrap'）.css（'left'，0）；
其他的
$（'div.wrap'）.css（'left'，'50%）；
}).resize（）；

。拖动可调整大小的窗格以调整窗口大小

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

$（窗口）.bind（'resize'，function（））{
如果（$（this）.width（）<1200）
$（'div.wrap'）.css（'left'，0）；
其他的
$（'div.wrap'）.css（'left'，'50%）；
}).resize（）；

使用此技术将元素居中有什么原因吗？一个简单得多的方法是，没有绝对定位和负边距，在较小的宽度下可以很好地工作

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

---

使用此技术将元素居中是有原因的吗？一个简单得多的方法是，没有绝对定位和负边距，在较小的宽度下可以很好地工作

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

---

即使您将left值更改为0px，内容也会从页面的右侧流出，您将无法滚动查看内容。您需要删除绝对定位以获得所需的结果。即使将左值更改为0px，内容也会从页面右侧流出，您也无法滚动查看内容。您需要删除绝对定位以获得所需的结果。谢谢！工作得很好！，只需添加一个css函数即可将左边距值设置为零$（function（）{$（window）.bind（'resize'，function（）{if（$（this）.width（）<1200）$（'wrap'）.css（{'left'：'0px'，'left'：'0px'，'margin left'：'0px'}）else$（'wrap'）.css（'left'，'50%'））；）））.resize（）；谢谢工作得很好！，只需添加一个css函数即可将左边距值设置为零$（function（）{$（window）.bind（'resize'，function（）{if（$（this）.width（）<1200）$（'wrap'）.css（{'left'：'0px'，'left'：'0px'，'margin left'：'0px'}）else$（'wrap'）.css（'left'，'50%'））；）））.resize（）；