Медиа-запросы и фоновые изображения
У меня есть div
<div id="page">
</div>
Со следующим CSS:
#page {
background: url('images/white-zigzag.png') repeat-x;
}
@media (max-width: 600px) {
#page {
background: url('images/white-zigzag-mobile.png') repeat-x;
}
}
Я замечаю, что когда я изменяю размер своего браузера, я вижу «мобильный» фон (хорошо), но если я возвращаюсь и делаю свой браузер большим, мой предыдущий «большой» фон не всегда появляется снова.
Это периодически возникающая проблема, но она возникает достаточно часто, и я думаю, что мне следует ее решить.
Есть ли способ обойти эту проблему «фоновое изображение не появляется» или способ изменить размер фоновых изображений, чтобы медиазапрос «сжимал» фоновое изображение до нового размера? Насколько я знаю, нет (широко распространенного) способа изменить размер фонового изображения ...