У меня есть 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;
}
}
Я замечаю, когда меняю размер моего браузера, я вижу "мобильный" фон (хороший), но если я вернусь и сделаю свой браузер большим, мой предыдущий "большой" фон не всегда появится снова.
Это периодическая проблема, но это происходит достаточно часто, и я думаю, что я должен ее рассмотреть.
Есть ли способ обойти эту проблему "фоновое изображение не появляется" или способ изменить размер фоновых изображений, чтобы медиа-запрос "сжимал" фоновое изображение в соответствии с новым размером? Насколько я знаю, нет (широко распространенного) способа изменить размер фонового изображения...