Вопросы по теме 'responsive-images'
Нужно добавить переднее и заднее изображения для перелистывания div
Итак, я некоторое время боролся с этим набором кода, и я так близок к его завершению.
Первая проблема заключалась в том, чтобы заставить мои изображения реагировать на высоту и ширину, но после некоторых обсуждений я смог выяснить, как сделать их...
85 просмотров
schedule
19.08.2023
Адаптивные изображения веб-сайтов становятся размытыми на iPhone (iOS)
Я создал адаптивный веб-сайт, который отлично работает на всех устройствах, кроме iOS. На устройствах iOS мои фоновые изображения становятся размытыми.
Вот ссылка на мой сайт. http://www.idynxschool.com/vesco/
Вы можете просмотреть его на...
3135 просмотров
schedule
18.11.2022
Как использовать адаптивные изображения с помощью CSS Grid Layout
Я работаю с новым макетом CSS Grid, и одна вещь, о которой я не могу найти много информации, это как сделать изображения отзывчивыми ?? Я пробовал использовать медиа-запросы и устанавливать ширину изображения на 100%, но изображение все равно выходит...
1006 просмотров
schedule
20.06.2023
Адаптивные изображения ‹picture› с запасным вариантом
Я пытаюсь использовать элемент <picture> для предоставления 3 разных изображений: 1 для мобильных устройств, 1 для min-width: 768px и 1 для IE в качестве запасного варианта.
<picture>
<source class="article-bg-image"...
628 просмотров
schedule
04.09.2022
Отзывчивый вид Chrome против окна браузера + srcset, размеры
у меня есть этот код
<img
src="https://dummyimage.com/800x400/000/fff&text=large-src"
srcset="
https://dummyimage.com/270x400/000/fff&text=small 270w,
https://dummyimage.com/650x400/000/fff&text=medium 650w,...
125 просмотров
schedule
12.03.2023
Атрибут размеров изображения с минимальной и максимальной шириной игнорируется Firefox
Следующий код (демонстрация на http://iamkate.com/sizes/ ) ведет себя по-разному в Firefox ( 61.0.1) из Chrome и Edge:
<!DOCTYPE html>
<html>
<head>
<title>
Sizes issue
</title>
<meta...
691 просмотров
schedule
28.02.2023
Подходящее соотношение сторон изображения для контейнера, который не имеет фиксированной ширины
Я не очень разбираюсь в соотношениях сторон, поэтому сегодня мне нужна помощь.
Проблема
Я создал страницу «о команде» и сделал несколько фотографий, однако фотограф хочет знать, в каком соотношении сторон фотографии должны быть...
34 просмотров
schedule
27.02.2023
Изображения одинаковой высоты в flexbox с неизвестным соотношением сторон
У меня есть изображения в горизонтальном гибком контейнере. Все они должны быть адаптивными, иметь одинаковую высоту, сохраняя соотношение сторон и не обрезая:
Это можно сделать с помощью этого CodePen: https://codepen.io/sarus/pen/PJGPmy...
92 просмотров
schedule
19.10.2022
Проблема в неправильном размере ‹source› или в том, что GPSI / Lighthouse определяет размер адаптивного изображения?
Использование следующего кода для обслуживания адаптивных и оптимизированных изображений.
<picture>
<source type="image/webp"
sizes="(max-width: 793px) 100vw, 793px"
srcset="...
265 просмотров
schedule
14.11.2022
Как передать несколько ленивых заполнителей в элемент изображения?
Мы можем реализовать отложенную загрузку в элемент изображения в исходных тегах. Но у нас есть только один тег img, и мы можем загрузить изображение-заполнитель отложенной загрузки в атрибут src этого тега img. Итак, если я хочу установить отдельные...
94 просмотров
schedule
11.09.2022
Как я могу предварительно загрузить правильное количество изображений в зависимости от размера экрана?
Я работаю над оптимизацией Крупнейшего Contentful Paint (LCP), но у меня возникают проблемы с предварительной загрузкой правильного количества LCP изображения-кандидаты в зависимости от размера устройства.
Эта проблема:
на маленьких экранах...
204 просмотров
schedule
15.12.2022