在生产站点上,我将background-attachment: fixed
图像应用于body
,并且我对不支持此样式规则的浏览器使用渐变回退,如果同一浏览器不支持渐变,则使用纯色背景回退。问题是,它不能可靠地工作。
我已经尝试使用as来检测background-attachment: fixed
支持,但它并不一致,我在 iOS 和 Android 设备上得到了很多误报。我已经阅读了其他 SO 帖子,它们似乎都建议了具有巨大负面影响的解决方法,但与此同时,我意识到这里有一个权衡。document.body.style
@supports
我也经常读到你不应该检测用户代理,因为它们可能被欺骗。如果我正在检测用户代理并且只将梯度回退应用到移动浏览器,那么有人将他们的代理欺骗为移动浏览器真的有缺点吗?如果发生这种情况,它们只会被呈现一个渐变背景。我是否需要担心有人试图将他们的移动浏览器的用户代理欺骗为桌面浏览器代理,或者我在这里错过了更大的东西?我不能说我真的想这样做,因为它部分地杀死了我内心,但我想我会问。
昨晚我只是想到了上述内容,但我真的只是在寻找在生产级站点上应用某种类似后备的人,而不会显着降低用户体验。