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

【问题标题】：Android: Auto zoom-in of website on load - Responsive designAndroid：加载时自动放大网站 - 响应式设计
【发布时间】：2013-01-21 09:37:31
【问题描述】：

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

我正在使用以下元标记来使网站“放大”加载。（我关注了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;" />

它在 Samsung Galaxy S - ICS，默认浏览器上运行良好。但是，如果使用 HTC Desire HD Android 2.3.5 默认浏览器加载同一页面，它会以缩小的方式加载页面。

我遇到了同样的问题，当我使用 Mobile Opera 在我的 SGS 上加载相同的页面时

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

所以我决定问题必须在浏览器或视图状态的某个地方。任何建议我都会很高兴

【问题讨论】：

【解决方案1】：

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

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

您可能会看到viewport support 的参考

【讨论】：

感谢您的时间和帮助。正如您发布的那样，我终于在初始规模中找到了解决方案。
感谢您的时间和帮助。正如您发布的那样，我终于在初始规模中找到了解决方案。对我很有帮助。根据您的建议，我将初始比例设置为 1.0。但正如你所写，它并不适用于所有设备。我解决了问题，但出现了其他问题。