如何检测和解决Android缺乏CSS 3D视角支持?

时间:2014-10-22 14:02:38

标签: android html css css3 3d

我尝试使用本文中描述的技术构建网站:pure CSS parallax

此技术要求浏览器支持3D变换(特别是透视/保留3d)。

它在大多数设备和浏览器上工作没有问题,并且它不容易检测它是否会中断(例如缺少transform-style: preserve-3d IE,或根本没有3D变换)并相应地修复它。

然而,当我尝试使其与任何程度兼容时,一个浏览器在我的特殊情况下脱颖而出 - Android股票浏览器。 Android 4+上的浏览器版本支持css3d转换,但完全无法正确呈现它们,大错误是-webkit-perspective: 1px,而技术支持在这种情况下绝对没有效果(transform: translateZ(xpx)元素) 。

据我所知,我有两个选择:

  1. 检测Android股票浏览器并相应地提供CSS
  2. 检测视角不起作用并相应地提供CSS(不太可能)
  3. 我还没有找到一种万无一失/未来的优雅方式,可以通过PHP检测后端的Android浏览器,唯一的选择就是大量的API以及我认为是无用的滥用移动检测库。

    我完全不知道我是怎么做的。

    任何帮助表示赞赏

0 个答案:

没有答案