我尝试使用本文中描述的技术构建网站:pure CSS parallax。
此技术要求浏览器支持3D变换(特别是透视/保留3d)。
它在大多数设备和浏览器上工作没有问题,并且它不容易检测它是否会中断(例如缺少transform-style: preserve-3d
IE,或根本没有3D变换)并相应地修复它。
然而,当我尝试使其与任何程度兼容时,一个浏览器在我的特殊情况下脱颖而出 - Android股票浏览器。 Android 4+上的浏览器版本支持css3d转换,但完全无法正确呈现它们,大错误是-webkit-perspective: 1px
,而技术支持在这种情况下绝对没有效果(transform: translateZ(xpx)
元素) 。
据我所知,我有两个选择:
我还没有找到一种万无一失/未来的优雅方式,可以通过PHP检测后端的Android浏览器,唯一的选择就是大量的API以及我认为是无用的滥用移动检测库。
我完全不知道我是怎么做的。
任何帮助表示赞赏