响应式移动设计视口

时间:2013-02-09 21:04:19

标签: mobile viewport

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

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

包含More InfoPurchaseTestimonials的表格上有width="340"。这就是弄乱一切的原因。