背景尺寸：保护套无法在Iphone上清晰显示

Question

美好的一天！ 使用其他浏览器，这一行CSS代码可以正常工作。但是每当我尝试使用野生动物园运行代码时。图片显示不佳。一些线程说，我必须对iPhone使用媒体查询：下面的Iphone媒体查询示例代码

 @media (max-width: @iphone-screen) {
    background-attachment: scroll;
  }

但是该代码无法正常工作。谁能帮我解决这个问题？ 这是我的代码：

#video {
background: url("images/sample_8.jpg");
-webkit-background-size: cover;
 background-size: cover;
 background-repeat:no-repeat;
 background-position: center;
 background-attachment:fixed;
 position: relative;
 color: #999;
 -webkit-filter: grayscale(100%); 
 filter: grayscale(100%);
 }

Answer 1

您可以为iPhone尝试background-size:contain;：

 @media (max-width: @iphone-screen) {
    background-size:contain;
  }