我有一个网站,可以根据屏幕尺寸更改视图。我的Android,中兴通讯使用chrome没有这样做。相反,它显示全尺寸窗口缩小到很远。
我已经读过我可能想要使用viewport元标记,但我也读过这个并不适用于所有移动设备。
我想要一个四巨头的解决方案。 iPhone,Android,Windows和BlackBerry。
我使用了以下内容......
<meta name="viewport" content="width=device-width, user-scalable=no">
它现在可以在我的手机上使用了。这个跨浏览器(移动)是否可以接受? 有没有更好的解决方案(除了制作网站的完整移动版本?)
答案 0 :(得分:0)
如果您正在使用:
<meta name="viewport" content="width=device-width, user-scalable=no">
您还应该将您的网站设计为具有响应性,以便您的布局在非常低到中等的设备分辨率(如480x,768px等)上看起来很好。因此,如果您的主要桌面目标瞄准具有4列并且宽度为940px例如,您不能仅在480px显示器上转储这4列而不启用缩放。将上面的元标记与媒体查询结合使用。有一个很好的例子,请参阅一些Bootstrap主题,看看这是如何完成的。