Публикации по теме '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 просмотров
schedule
31.05.2024
Адаптивные изображения: изменение размера или динамическая обрезка?
Этот вопрос на самом деле не о кодировании, а о выборе правильного метода для задачи. Я не знаю, противоречит ли это правилам SO, но вот.
Однажды я создал небольшую CMS для местной газеты, которая дала им возможность добавлять свои сообщения...
245 просмотров
schedule
10.10.2022
Резервные изображения 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