安卓系统:加载时自动放大网站-响应式设计

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默认浏览器，则加载页面时会缩小。

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

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

所以我决定这个问题一定在浏览器或视图状态中。我很乐意得到任何建议

Answer 1

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

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

您可能会看到视口支持的参考