html - 背景尺寸：Iphone 上的封面显示不清晰

Question

再会！这行 CSS 代码在其他浏览器中运行良好。但是每当我尝试使用 safari 运行代码时。图像显示不好。一些线程说解释说我必须对 iPhone 使用媒体查询：Iphone Media Query 下面的示例代码

 @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%);
 }

标签： htmlcsssafari

Answer 1

你可以试试background-size:contain;iphone：

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