Публикации по теме 'responsive-images'


Как мы тестируем адаптивные изображения на Unsplash
В Unsplash одна очень распространенная проблема, с которой нам приходится сталкиваться, - это адаптивные изображения. Как мы можем предоставлять изображения подходящего размера для огромного количества устройств, которые посещают наш веб-сайт - для всех типов размеров экрана, соотношения пикселей устройства и т. Д.? Чтобы решить эту проблему, мы используем сочетание элемента img с его атрибутами srcset и sizes вместе с элементом picture . Однако, по нашему опыту, самое..

Вопросы по теме 'responsive-images'

Фон не реагирует на Bootstrap
У меня проблема с Bootstrap на целевой странице, которую я сделал... У меня есть следующий код <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"...
269 просмотров

Адаптивные изображения: изменение размера или динамическая обрезка?
Этот вопрос на самом деле не о кодировании, а о выборе правильного метода для задачи. Я не знаю, противоречит ли это правилам SO, но вот. Однажды я создал небольшую CMS для местной газеты, которая дала им возможность добавлять свои сообщения...
245 просмотров

Резервные изображения WebP не загружаются
Я использую тег <picture> для установки адаптивного изображения с поддержкой WebP. Я извлекаю URL-адреса изображений для настольных компьютеров и мобильных изображений, которые содержат файлы .web и .jpg . для каждого носителя я даю...
459 просмотров
schedule 21.02.2024

Отзывчивый интервал в группе SVG?
У меня есть SVG, экспортированный из Adobe XD, это набор из пяти карточек, на которых изображены лица некоторых людей, расположенные по определенному шаблону. Вот как устроен код: <svg xmlns="http://www.w3.org/2000/svg"...
33 просмотров
schedule 17.11.2023

Как указать ширину и высоту изображения, сохраняя при этом его отзывчивость?
При использовании srcset для адаптивных изображений код выглядит примерно так: <img src="dog.jpg" alt="a dog" srcset="dog-800.jpg 800w" sizes="(min-width:1000px) 800px, 80vw"> Итак, теперь, когда...
148 просмотров
schedule 19.01.2024