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

时间:2014-06-14 17:12:46

标签: html mobile cross-browser

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

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

如果您正在使用:

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

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