我正在为将在移动设备上访问的网站创建一个叠加层,在 iPhone 中,我通过 window.innerWidth 获得视觉视口大小,在 iPhone 中通过 document.documentElement.clientWidth 获得布局视口大小,它运行良好,但在 android(2.2, 2.3. 3)默认浏览器没有提供适当的视觉视口大小,当我放大或缩小时,这个大小不会改变。
所以当我放大或缩小时,我需要使用哪个 js 属性来获得正确的视觉视口大小。
我正在为将在移动设备上访问的网站创建一个叠加层,在 iPhone 中,我通过 window.innerWidth 获得视觉视口大小,在 iPhone 中通过 document.documentElement.clientWidth 获得布局视口大小,它运行良好,但在 android(2.2, 2.3. 3)默认浏览器没有提供适当的视觉视口大小,当我放大或缩小时,这个大小不会改变。
所以当我放大或缩小时,我需要使用哪个 js 属性来获得正确的视觉视口大小。
从 WebKit 版本 534.13 开始支持此选项。因此,只有 Android 3 及更高版本的浏览器会提供可视视口大小,因为较低的 Android 版本使用 WebKit 533.1。
Android 股票浏览器 4.0.3 和 4.1.2 看起来像同样的问题。这些浏览器似乎无法正常工作。它甚至在 chrome 中也不起作用。 这是工作示例。