0

В данном случае картинке задано, чтоб на устройствах более, чем 540рх, она отображалась на половину ширины экрана(50vw). Но это не работает. Что не так с моим кодом?

<picture>
  <img src="https://i.postimg.cc/dtQLbqkK/photo-2020-10-08-12-15-49.jpg 426w" sizes="(min-width: 540px) 50vw">
  <source srcset="https://i.postimg.cc/4drQ8YNZ/photo-2020-10-08-12-06-49.jpg 1280w 3x, https://i.postimg.cc/SsWnhRfm/photo-2020-10-08-12-14-56.jpg 2x" media="(min-width: 540px) 50vw">
</picture>

1 ответ 1

2

 <img 
  src="https://i.postimg.cc/dtQLbqkK/photo-2020-10-08-12-15-49.jpg" 
  sizes="(min-width: 540px) 50vw, (max-width: 540px) 100vw"
  srcset="https://i.postimg.cc/4drQ8YNZ/photo-2020-10-08-12-06-49.jpg 1280w, https://i.postimg.cc/SsWnhRfm/photo-2020-10-08-12-14-56.jpg 640w">

4
  • Разве для ретина дисплеев можно использовать и w дескриптор тоже. я имею в виду, что для экрана с большей плотностью пикселей браузер выбирает изображение с большим расширением?
    – Eva
    11 окт 2020 в 18:27
  • По моему, артрибут sizes работает только для тех элементов, у кого задан дескриптор w. То бишь, данный дескриптор будет работать только для srcset. Для src что?
    – Eva
    11 окт 2020 в 18:32
  • Нет ничего для src. Если вы используете srcset - прописываете там все картинки, и после этого добавляете src, который является "дефолтным" изображением
    – InDevX
    11 окт 2020 в 22:23
  • понятно, спасибо
    – Eva
    12 окт 2020 в 14:37

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.