我正在为我的第三方产品处理网站的移动兼容性问题,我面临位置固定问题。我正在将页脚固定到视口(viewport)底部。
Android 2.3 以下和 iOS 5 以下设备不支持位置固定。
对于目前的此类设备,我已修复我正在计算视口(viewport)的当前宽度,然后通过 js 将宽度应用于页脚。
但是当网站上的内容较少或客户的网站在头部添加自动缩放元时会出现问题。在这种情况下,屏幕会缩放并且页脚内的内容会中断。
我不能使用 iScroll,因为它锁定了缩放功能,而且我不能弄乱客户的页面。
请给我一些合理的解决方案来解决这个问题。
最佳答案
编写了自定义函数,人们在古代(IE6 时代)使用。
它检查浏览器是否支持固定位置。如果不支持,则根据滚动/缩放调整其位置。
关于javascript - 检测移动缩放和默认移动分辨率,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11753953/