为什么 Position:fixed 在 iOS 设备上不起作用，如何修复？

解决 iOS 设备上的固定定位问题

问题：“位置：固定在 iPad 和 iPhone 上不起作用”

长期以来，开发者在 iPad 上实现固定定位都面临着困难。当用户在 iOS 设备上的移动 Safari 中向上或向下滚动时，固定定位元素无法调整，这使情况变得复杂。

A：了解移动浏览器限制

移动浏览器通常会故意禁用“position:fixed”属性，以防止固定元素遮挡较小屏幕上的内容。 Quirksmode.org 提供了此限制的详细说明：https://www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html。

浏览器兼容性

有关全面的兼容性列表，请参阅以下资源：https://www.quirksmode.org/m/css.html。但是，请记住，移动浏览器环境在不断发展，因此兼容性信息可能很快就会过时。

更新和支持

据报道引入了 iOS 5 和 Android 4支持“位置：固定”。尽管在使用固定元素时放大和平移会出现问题，但在 iPad 上的 iOS 5 上进行的测试已确认其功能。

有关更最新、更全面的兼容性表，请参阅 CanIUse：https://caniuse。 com/#search=固定。它提供有关 Android、Opera（迷你版和移动版）和 iOS 的最新信息。

以上是为什么 Position:fixed 在 iOS 设备上不起作用，如何修复？的详细内容。更多信息请关注PHP中文网其他相关文章！