2

我正在制作一个移动网站。

我使用了这个元标记

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

这是我的设备和他们展示的“clientWidth”

.iPhone4(640x960), Safari Browser : 320 x 480
.LG L7(480x800), Google Chrome, FireFox : 320 x 480
.HTC Desire HD (480x800), Google Chrome, FireFox: 320 x 480
.Samsung Galaxy S2 (480x800), Google Chrome, FireFox : 320 x 480

总结：移动网页在其他设备、浏览器上运行，但客户端宽度是一样的。那么如何使用全屏设备访问我的网站

4

1 回答 1

1

不要在那里使用元标记来查找设备宽度，而是尝试使用 Javascript 来输出document.width或screen.width.

其中之一应包含您要查找的号码。

通过设置初始和最大比例，我认为用户无论如何都无法缩放。在这种情况下，width=device-width 似乎是多余的，因为您的内容可以使用 style="width: 100%" 或类似的技巧来填充整个屏幕。这对你有意义/有用吗？

于 2012-11-19T03:27:39.890 回答