移动浏览器无法在移动设备上呈现

Question

我有一个网站，可以根据屏幕尺寸更改视图。我的Android，中兴通讯使用chrome没有这样做。相反，它显示全尺寸窗口缩小到很远。

我已经读过我可能想要使用viewport元标记，但我也读过这个并不适用于所有移动设备。

我想要一个四巨头的解决方案。 iPhone，Android，Windows和BlackBerry。

我使用了以下内容......

<meta name="viewport" content="width=device-width, user-scalable=no">

它现在可以在我的手机上使用了。这个跨浏览器（移动）是否可以接受？ 有没有更好的解决方案（除了制作网站的完整移动版本？）

Answer 1

如果您正在使用：

<meta name="viewport" content="width=device-width, user-scalable=no">

您还应该将您的网站设计为具有响应性，以便您的布局在非常低到中等的设备分辨率（如480x，768px等）上看起来很好。因此，如果您的主要桌面目标瞄准具有4列并且宽度为940px例如，您不能仅在480px显示器上转储这4列而不启用缩放。将上面的元标记与媒体查询结合使用。有一个很好的例子，请参阅一些Bootstrap主题，看看这是如何完成的。