响应式移动设计视口

Question

我正在尝试让移动网站表现出色。我使用viewport元标记使网站适合所有屏幕并且可以扩展。我已将所有表格和所有图像（宽度超过200像素）100％宽度设置为viewport标记为：

content="width=device-width, initial-scale=1, maximum-scale=2, user-scalable=yes" 

因为我希望它能够放大那些需要阅读文本的人，但最初打开它以适合屏幕（任何屏幕）为中心。

它几乎适合iphones和纵向的机器人（在iphone 4＆amp; 5以及galaxy iii android上测试）。但其中的一部分在右边仍然不可见？它适用于手机上的ipads或横向模式。这让我感到疯狂，而且必须是我看起来很简单的事情。实时视图为：password-reset.com/mobileusers/

我在页面上使用jquery colorbox - 这可能会干扰吗？我以为colorbox有回应？

我们将非常感激地接受任何帮助或建议 - 我需要发布什么代码？

Answer 1

包含More Info，Purchase和Testimonials的表格上有width="340"。这就是弄乱一切的原因。