Перейти к публикации

Разные картинки для десктоп и для мобайл


Рекомендованные сообщения

Для десктопа и для мобайл есть разные версии картинок с разным разрешением.

Нужно сделать адаптив.

Как мне менять картинки для тега img при изменении разрешения экрана?

(css 3)

Один html-файл.

Изменено пользователем torsar
Ссылка на сообщение
Поделиться на других сайтах

Билять... Как утомило это говно головного мозга под названием media-queries. Уже просто потряхивать начинает.

Просто берите максимальное разрешение, а размеры указывайте во view port единицах.

Никому ведь больше не нужны сраные извраты с лестницами.

Ссылка на сообщение
Поделиться на других сайтах
31 минуту назад, npofopr сказал:
<img srcset="elva-fairy-320w.jpg 320w,
             elva-fairy-480w.jpg 480w,
             elva-fairy-800w.jpg 800w"
     sizes="(max-width: 320px) 280px,
            (max-width: 480px) 440px,
            800px"
     src="elva-fairy-800w.jpg" alt="Elva dressed as a fairy">

Ну и кому это нужно? Вот так работать становится неоправданно дорого что по времени что по затратам на ПО. На это есть тысяча и одна причина. У нас один кэш и ни кому не нужно 300 версий. Так зачем же мы будем делать под разные разрешения?

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.
Примечание: вашему сообщению потребуется утверждение модератора, прежде чем оно станет доступным.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

  • Статистика пользователей

    47 319
    Всего пользователей
    1 451
    Рекорд онлайна
    Mollykng
    Новый пользователь
    Mollykng
    Регистрация
  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...