Question

以下是我正在做的事情的基本布局：一堆div叠加在一起（所有100％宽度），其中一些div包含固定的背景图像。它们在桌面浏览器上呈现出色，但在iOS设备上无效（背景图像滚动，它们不能正确填充屏幕）。

如何在iOS上使用它？

#about {
    background-image:url("http://s1.picswalls.com/wallpapers/2016/06/10/4k-desktop-wallpaper_065227602_309.jpg");
    background-attachment:fixed;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
}

Answer 1

信息不足：iOS版，浏览器版，示例图片等...... 你试过this吗？

Answer 2

尝试使用Javascript设置媒体查询，并根据正在使用的设备提取css，

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

import zipcode from './zipcode';

要为特定浏览器提取不同的CSS，请使用以下命令：

class RecreatePrimaryKey < ActiveRecord::Migration
  def change
    execute "UPDATE widgets SET id = DEFAULT"
    change_column :widgets, :id, :integer
  end
end

请告诉我这是否有效：）

修复了div无法在iOS设备上运行的背景图片？ [JSFiddle里面]

2 个答案: