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

Question

花了很多时间试图弄清楚是什么让内容包装器不起作用。该网站在这里： http ://bit.ly/19dWUf

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

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

问题

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

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

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

谢谢

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'