0

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

我正在使用以下元标记来使网站“放大”加载。（我关注了 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上加载相同的页面时

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

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

4

1 回答 1

0

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

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

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

于 2013-02-06T11:16:52.640 回答