При масштабировании в Firefox почему-то меняются размеры экрана в css медиа запросе

@evgeniybel · Регистрация: 10.04.2016

Author24 — интернет-сервис помощи студентам

Использую такой медиа-запрос для вывода картинки:

HTML5

<picture>
    <source srcset="/jpg/mos01s1.jpg" media="(min-device-width: 1920px)">
    <source srcset="/jpg/mos01s2.jpg" media="(max-device-width: 1919px) and (min-device-width: 1600px)">
    <source srcset="/jpg/mos01s3.jpg" media="(max-device-width: 1599px) and (min-device-width: 1280px)">
    <source srcset="/jpg/mos01s4.jpg" media="(max-device-width: 1279px)">
    <img srcset="/jpg/mos01s1.jpg">
</picture>

Почему-то в Firefox'е при масштабировании device-width меняется и, соответственно, начинают выводиться разные картинки, хотя меняться что-то должно только при изменении разрешения экрана. При изменнии размера окна Firefox'а все нормально. В Сhrom'е картинка не меняется ни при масштабировании, ни при изменении размера окна.

@MrHidalgo · 21.09.2016, 14:18

Попробуйте простое использование:

CSS

1	... (min-width: ... ) ...

Вот не плохая статья -->> https://habrahabr.ru/post/237991/

@evgeniybel · 21.09.2016, 14:30 **[ТС]**

Уже пробовал, тогда картинки начинают переключаться при изменении размера окна, это мне совсем не подходит.
Статью видел, правда всю не читал, теперь посмотрю.
Но, похоже, пока это просто фича файрфокса...

@evgeniybel 0 / 0 / 0 Регистрация: 10.04.2016 Сообщений: 22
	21.09.2016, 14:30 [ТС]	3
	Уже пробовал, тогда картинки начинают переключаться при изменении размера окна, это мне совсем не подходит. Статью видел, правда всю не читал, теперь посмотрю. Но, похоже, пока это просто фича файрфокса... 0

Опции темы