Html 修复了div上的背景图像在iOS设备上不工作的问题？[JSFiddle-inside]

下面是我所做工作的基本布局：一堆div相互堆叠（全部100%宽度），其中一些div包含固定的背景图像。它们在桌面浏览器上渲染效果很好，但在iOS设备上不起作用（背景图像滚动，无法正确填充屏幕）

我如何让它在iOS上工作

---

信息不足：iOS版本、浏览器版本、示例图片等。。。

---

您尝试过吗？

尝试使用Javascript设置媒体查询，并根据所使用的设备调出css

您只需在css中添加以下代码即可：

background-attachment:scroll

要为特定浏览器调出不同的css，请使用以下命令：

if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) 
{
   document.write('<'+'link rel="stylesheet" href="../component/newstyle.css" />');         

if（navigator.userAgent.search（“Safari”）>=0&&navigator.userAgent.search（“Chrome”）<0
{
文件。写（“”）；

让我知道这是否可行：）

if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) 
{
   document.write('<'+'link rel="stylesheet" href="../component/newstyle.css" />');