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

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

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

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

问题

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



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



任何意见表示赞赏。还是有任何Firebug /类似工具可以测试手机？

谢谢

最佳答案

页面加载时，您的section＃content-wrapper的margin-left和margin-right分别为30px。
要么删除

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

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

'margin': '0 auto'

关于html - 响应式CSS在内容部分不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18584821/