如何在iOS上确定实际视口宽度和高度
nic*_*s_r 17 html javascript safari viewport ios
当用户缩放页面时,我一直坚持在确定iOS上的页面宽度和高度这样简单的任务.
问题是一些网站有奇怪的布局,看起来像这样:
这是一个未缩放的页面,它的分辨率为1164x1811像素,这是正确的.我从window.innerWidth和获得了这些值window.innerHeight.突出显示的区域是一个主体元素,它的分辨率为1024x1594像素,这很重要.
接下来我使用双指缩放来缩放页面,这就是它的外观:
现在,当我试图让页面大小,我从1024x1594像素window.innerWidth,并window.innerHeight分别.这些值与体型完全相同.
所以问题是如何使用缩放来获得正确的页面大小.
我也在Chrome中测试了这个特殊情况,并得到了正确的结果:无论是缩放,它总是1164x1811像素.
编辑:使用document.body.clientWidth并document.body.clientHeight获得您想要的计算,因为我的原始解决方案现在被认为是过时的.
您可以使用document.width和document.height
这是对旧的Space Jam网站的测试(当想到一个肯定不会响应的网站时会想到这一点).
