Android：加载网站的自动放大 - 响应式设计

Question

这是我第一次对网站做出响应式设计。我的智能手机有问题。

我正在使用以下元标记使网站“放大”加载。 （我跟着https://stackoverflow.com/a/12785631/1716195）

<meta name="viewport" content="width=device-width; minimum-scale=0.5; initial-scale=0.5; maximum-scale=0.5; user-scalable=yes;" />

我也试过

<meta name="viewport" content="width=320; minimum-scale=0.5; initial-scale=0.5; maximum-scale=0.5; user-scalable=no;" />

和

<meta name="viewport" content="width=320; minimum-scale=0.5; initial-scale=0.5; maximum-scale=0.5; user-scalable=no;" />

对于三星Galaxy S - ICS，默认浏览器，它可以正常使用。 但如果同一页面加载 HTC Desire HD Android 2.3.5默认浏览器，则会将页面加载缩小。

当我在 SGS 上加载相同页面时，使用移动Opera

时遇到同样的问题

我真的不知道，问题出在哪里。你有什么建议可以关注吗？

所以我决定问题必须在浏览器或viewstate中。我会很高兴任何建议

Answer 1

手机中的跨浏览器测试通常受浏览器功能的限制。我也感受到了这个问题。

我的建议是将初始比例保持为1.0，并通过媒体查询调整大小。根据我的经验，它并不涵盖所有设备，但它有所帮助。

您可能会看到viewport support

的参考资料