Размер фона: крышка не четко отображается на 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%);
 }

Answer 1

Вы можете попробовать background-size:contain; для iphone:

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