у меня есть див
<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;
}
}
Я замечаю, что когда я изменяю размер своего браузера, я вижу «мобильный» фон (хорошо), но если я вернусь и сделаю свой браузер большим, мой предыдущий «большой» фон не всегда появляется снова.
Это непостоянная проблема, но это происходит достаточно часто, поэтому я думаю, что мне следует заняться этим.
Есть ли способ обойти эту проблему «фоновое изображение не отображается» или способ изменить размер фоновых изображений, чтобы медиа-запрос «сжал» фоновое изображение, чтобы оно соответствовало новому размеру? Насколько я знаю, нет (широко распространенного) способа изменить размер фонового изображения...
<meta>
должным образом, что-то вроде:<meta name="viewport" content="width=device-width, user-scalable=no">
впереди остальной части CSS. 27.01.2016