Question

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

我使用了这个元标记

<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

总结：移动网络在其他设备上运行，浏览器但是clientWidth是相同的。那么如何使用整个屏幕设备访问我的网站

Answer 1

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

其中一个应该包含您正在寻找的号码。

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

客户端宽度不对

1 个答案: