Чат Telegram
Группа ВКонтакте

Картинка не отображается на половину экрана. Как исправить?

У меня есть две картинки. Я хочу, чтоб при ширине экрана более, чем 600рх, у меня отображался более полный вариант логотипа youtube, который будет занимать половину окна просмотра. При ширине менее, чем 600рх должен отображаться более "сжатый" вариант этого же логотипа.

Все бы ничего, но при добавлении условия 50vw, более полный вариант логотипа youtube перестает выводиться. Чем можно объяснить такое поведение?
Вот мой код:

<picture>
  <source srcset="https://i.postimg.cc/L5hRsX4B/youtube-logo-font.jpg" media="(min-width: 600px) 50vw">
  <source srcset="https://i.postimg.cc/yN7Mddvg/Logo-youtube-ios-cropped.jpg">
  <img src="https://i.postimg.cc/yN7Mddvg/Logo-youtube-ios-cropped.jpg" alt="photo-youtube">
</picture>

Что не так?

evve254425@gmail.com 12.10.2020 в 18:35

Ответы на вопрос (0)


Добавить новый ответ