【问题标题】：Responsive css not working in content section响应式 css 在内容部分不起作用
【发布时间】：2013-09-03 15:57:29
【问题描述】：

花了很多时间试图弄清楚是什么导致内容包装器无法正常工作。该网站在这里： http://bit.ly/19dWUf

html结构包含页眉、内容和页脚。

在桌面使用 firefox、google chrome 访问时，它看起来不错，通过调整窗口大小来模拟移动视图。

问题

使用移动设备访问时，内容部分右对齐，页眉和页脚看起来不错。

因为在firefox上看起来不错，而且通常使用firebug来调试，很难找到真正的移动设备出现问题的原因。我正在使用 Opera Mobile 模拟器来检查显示..

任何意见表示赞赏。或者是否有任何用于测试移动设备的 firebug/类似工具？

谢谢

【问题讨论】：

【解决方案1】：

您的 section#content-wrapper 在页面加载时获得 30px 的 margin-left 和 margin-right 。要么删除

jQuery('#content-wrapper').css({
    'margin-left':'30px',
    'margin-right':'30px'
});

来自 jquery.custom.js（第 332 行），或将其更改为

'margin': '0 auto'

【讨论】：