Исходное изображение загрузочного образа отличается от мобильных браузеров

Question

Я работаю над проектом Bootstrap, используя тему обложки. Я проверяю этот проект во всех браузерах и размерах экрана. В некоторых случаях моя фоновая фотография великолепна и прокручивается так, как должна. В других случаях фоновая фотография просто фиксирована и не прокручивается. Он также размножается по-разному.
Вот мой код:

html, 
body { 
height: 100%; 
background: url('mccarran_pool.jpg') center center no-repeat; 
background-attachment: fixed; 
background-size:cover; 
} 

Как я могу сделать это кросс-браузер дружелюбным и отзывчивым?

Answer 1

вы должны -webkit- и -moz- потому что в некоторых браузерах это не работает. Попробуйте следующее:

html, 
body { 
height: 100%; 
background: url('mccarran_pool.jpg') center center no-repeat; 
background-attachment: fixed; 
-webkit-background-size:cover; 
-moz-background-size:cover; 
background-size:cover; 
}