我正在制作一个移动网站。
我使用了这个元标记
<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
总结:移动端web运行在其他设备、浏览器上,但clientWidth是一样的。那么如何使用全屏设备访问我的网站
最佳答案
与其使用 meta 标记来查找设备宽度,不如尝试使用 Javascript 输出 document.width
或 screen.width
。
其中一个应该包含您要查找的号码。
通过设置初始和最大比例,我认为用户无论如何都无法缩放。 width=device-width 在这种情况下似乎是多余的,因为您的内容可以使用 style="width: 100%"或类似的技巧来填充整个屏幕。这对您有意义/有用吗?
关于html - 客户宽度不对,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13447175/