@ma4t

Как заставить работать img через object-fit-images в IE?

Привет
picture
        img(src=path).img


Выше код написанный в pug, учусь собирать проект на вебпак.
Установлено object-fit-images и прописано тегу img
object-fit: cover;
        font-family: 'object-fit: cover;';

Все работало как надо, но выяснилось, что лучше использовать source и задавать под разные разрешения свою картинку.
Добавил source
picture
            source(srcset="assets/images/1-lg.jpg" media="(min-width: 1330px)")
            source(srcset="assets/images/1-md.jpg" media="(min-width: 1025px)")
            source(srcset="assets/images/1-tablet.jpg" media="(min-width: 676px)")
            img(src=path).img

в src написан путь к файлу под мобилку, он его берет и растягивает. А сурс вообще не трогает. Это в IE.
Что я делаю не так? Нужно что-то переделать в object-fit-images или в тут в тегах что-то не так чтобы работал source?
  • Вопрос задан
  • 491 просмотр
Пригласить эксперта
Ответы на вопрос 1
Prot0n
@Prot0n
Веб-разработчик
https://youtu.be/aZJMOVpMhtc
Хорошее видео про object-fit
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы