Pourquoi Position : Correction d'une rupture sur iOS et comment puis-je y remédier ?

Problèmes de positionnement résolus sur les appareils iOS

Le développement Web mobile présente des défis uniques, dont l'un est le comportement problématique de "position : fixe" sur les appareils iOS.

Cette méthode de positionnement ne parvient pas à se mettre à jour lors du défilement dans iOS Safari, laissant les éléments fixes figés en place. La raison en est la décision délibérée des navigateurs mobiles de désactiver le positionnement fixe en raison d'un espace d'écran limité.

Pour mieux comprendre le problème, reportez-vous à l'excellent article de blog sur Quirksmode.org : http:/ /www.quirksmode.org/blog/archives/2010/12/the_fifth_posit.html.

De plus, cette page fournit un tableau de compatibilité pour les appareils mobiles navigateurs prenant en charge « position : fixe » : http://www.quirksmode.org/m/css.html.

Gardez à l'esprit que la technologie des navigateurs mobiles évolue rapidement, les informations de compatibilité peuvent donc devenir rapidement obsolètes.

Support iOS 5 et Android 4

iOS 5 et Android 4 auraient introduit la prise en charge de "position : fixe." Bien que le zoom avant et le déplacement autour des éléments fixes posent encore certains problèmes, le positionnement fixe fonctionne désormais dans ces nouvelles versions d'iOS.

Pour obtenir les informations de compatibilité les plus récentes, consultez ce tableau plus complet : http:// caniuse.com/#search=fixed. Il comprend des données pour Android, Opera (mini et mobile) et iOS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!