响应式移动设计视口

Question

我正在尝试让移动网站正常运行。我正在使用viewport 元标记使网站适合所有屏幕并具有可扩展性。我已将所有表格和所有图像（超过 200 像素宽）设为 100% 宽度，已将 viewport 标签设置为：

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

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

它几乎适合iphones 和纵向机器人（在iphone 4 和5 以及galaxy iii android 上测试）。但是右边还是看不到一部分？它非常适合 ipad 或手机的横向模式。这让我发疯，而且一定是我在看的简单的东西。实时取景为：password-reset.com/mobileusers/

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

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

Answer 1

包含More Info、Purchase 和Testimonials 的表上有一个width="340"。这就是搞砸一切的原因。