html - 响应式 CSS 在内容部分不起作用

Question

花了很多时间试图找出导致内容包装器无法正常工作的原因。该网站在这里: http://bit.ly/19dWUf

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

通过调整窗口大小以模拟移动 View ，在 dekstop 中使用 firefox、google chrome 访问时看起来不错。

问题

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

由于在firefox上看起来不错，一般都是用firebug调试，很难找到真正的移动设备出现问题的原因。我正在使用 Opera Mobile 模拟器来检查显示..

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

谢谢

Answer 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'