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