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

Posted 2023-03-14

【中文标题】检测移动缩放和默认移动分辨率

【英文标题】：Detect mobile zoom & default mobile resolution

【发布时间】：2012-08-01 06:48:51

【问题描述】：

我正在为我的第三方产品开发网站的移动兼容性，我正面临定位问题。我正在将页脚修复到视口的底部。低于 2.3 的 android 和低于 5 的 ios 设备不支持定位。 对于此类设备，目前我已修复我正在计算视口的当前宽度，然后通过 js 将宽度应用于页脚。 但是，当网站上的内容较少或客户的网站在头部添加自动缩放元数据时会出现问题。在这种情况下，屏幕会缩放并且页脚内的内容会中断。 我不能使用 iScroll，因为它锁定了缩放功能，而且我不能弄乱客户的页面。 请建议我对这个问题提出一些合乎逻辑的解决方案。

【参考方案1】：

写了自定义函数，古时候（IE6时代）人们习惯使用。 它检查浏览器是否支持固定位置。如果不支持，则根据滚动/缩放调整其位置。

【参考方案2】：

尝试使用

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

因此在页面加载时不会发生缩放 - 但它仍然可供用户使用！

【讨论】：

我正在构建第三方产品，所以不能乱用客户的网站。