响应式CSS不在内容部分工作

Question

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

html结构包含标题，内容和页脚。

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

问题

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

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

任何赞成的意见。或者有没有用于测试手机的萤火虫/类似工具？

谢谢

Answer 1

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

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

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

'margin': '0 auto'