检测移动缩放和默认移动分辨率




我正在为我的第三方产品研究一个网站的移动兼容性,我面临着位置固定的问题。我正在修复视口底部的页脚
2.3&5以下的iOS设备不支持位置固定
对于目前这样的设备,我已经修复了我正在计算视口的当前宽度,然后通过js将宽度应用于页脚
但当网站上的内容较少或客户端的网站在头部添加自动缩放元时,问题就会出现。在这种情况下,屏幕被放大,页脚内的内容被打断
我不能使用iScroll,因为它锁定了缩放功能,而且我不能扰乱客户端的页面
请给我建议一些合乎逻辑的解决办法。

编写了自定义函数,人们在古代(IE6时代)使用它
它检查浏览器是否支持固定位置。如果没有,则根据滚动/缩放调整其位置。

尝试使用

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

因此缩放不会在页面加载时发生,但用户仍然可以使用它!

最新更新