Описание тега responsive-images
Адаптивные изображения - это часть адаптивного веб-дизайна (RWD), которая занимается конкретно изображениями в Интернете, чтобы обеспечить оптимальное взаимодействие с широким спектром устройств в зависимости от размера экрана, платформы и ориентации.
0
ответов
Альтернативный текст временно отображается до того, как picturefill.js отобразит правильное изображение
Я пытаюсь настроить picturefill.js для доставки адаптивных изображений. Когда я использую атрибут srcset вместо атрибута src, чтобы избежать двойной загрузки, стандартный текст изображений постоянно отображается до того, как picturefill.js сможет от…
09 янв '16 в 01:12
1
ответ
Как сделать так, чтобы изображения были отзывчивыми и одинаковой высоты?
Я хочу убедиться, что изображения на моем сайте отзывчивы и остаются на прежнем уровне при уменьшении размера окна. У меня есть медиа-запрос, который изменил макет на 1 столбец вместо двух на меньших экранах, но на больших экранах высота изображения…
20 мар '18 в 17:47
0
ответов
srcset и размеры не работают в моем проекте в любом браузере
Я хочу сделать определенное изображение отзывчивым, используя srcset и размеры. Я применил их, как только узнал, правильно определил srcset и размеры и проверил различия в именах файлов, но по какой-то причине он не работает ни в Mozilla, ни в Chrom…
12 апр '18 в 15:04
2
ответа
Адаптивное фоновое изображение не отображается
Я пытаюсь сделать ссылки в 3 колонки с изображениями, и я не знаю, почему эти изображения не отображаются. Я искал много информации об этих вещах, но никто не помог мне. Кто-нибудь может помочь мне с этим?:) HTML <div id="place"> <div class…
20 июл '16 в 08:53
2
ответа
Изображение бренда Bootstrap слишком велико
Возможно, это мой css, но мой код должен показывать изображение в заголовке в фиксированном размере. Тем не менее, похоже, что это может быть за пределами div. Вот код. <div class="row"> <div class="col-md-12 top navbar-fixed-top"> <d…
26 май '17 в 17:54
1
ответ
CSS: автоматически вычислять высоту элемента в соответствии с фоновым изображением
Я хочу, чтобы раздел моего сайта (баннера) представлял собой изображение, которое соответствует всей ширине, и чтобы изображение всегда сохраняло полную ширину (не ширину в пикселях, а в процентах). Меня не волнует высота, слишком низкая, мне нужно,…
27 июл '17 в 20:15
2
ответа
HTML5 srcset, размеры и художественное направление
Насколько я могу судить, srcset а также sizes Атрибуты больше фокусируются на применении подходящего масштабированного изображения для размера и разрешения устройства. По-видимому, нет возможности использовать эти атрибуты для выбора альтернативного…
30 сен '15 в 10:06
0
ответов
Почему я должен использовать srcset и size с тегами <img> вместо <picture> для адаптивных изображений?
Я понимаю идею использования srcset а также size в <img> тег для переключения разрешения с адаптивными изображениями и <picture> элемент для художественного руководства с отзывчивыми изображениями. Я прочитал несколько раз, чтобы не испо…
15 окт '18 в 13:47
2
ответа
Использование модального изображения в <div style = "background-image: url ()">
Я пытаюсь использовать модальное изображение на моем адаптивном сайте. У меня есть мои изображения в divs в качестве фонового изображения. Подобно; <div class="someClass" style="background-image: url(image.jpg)"></div> Я проверил w3schoo…
21 янв '17 в 08:10
2
ответа
У меня возникли проблемы с отображением изображения объекта, как я могу сделать ширину этого изображения 100% и реагировать на существующий код?
Это сайт, над которым я сейчас работаю: http://perlaparra.com/rnr/site/ Я установил ширину на 100%, и все еще не отображается в полную ширину. Я ценю любую помощь, которую я могу получить. Спасибо! П:)
05 мар '16 в 10:07
1
ответ
Спрайты для значков с адаптивным размером, например, background-size: contains;
У меня есть приложение, которое имеет много иконок. Я знаю, что использование спрайтов для этих значков - правильный путь вместо нескольких маленьких изображений. Тем не менее, мне нужно, чтобы эти значки были того же размера, что и контейнер (backg…
06 сен '17 в 11:07
3
ответа
Максимально допустимые значения между тегами <div> в ASP.NET
У меня есть веб-страница, которая использует координаты SVG в рамках asp.net. По пробе ошибка, если я вынимаю большинство тегов, я не получаю ошибки. Но если все теги в я получаю следующую ошибку Compiler Error Message: CS8095: Length of String cons…
12 фев '16 в 15:48
1
ответ
Сделать изображение отзывчивым в WordPress?
Как сделать так, чтобы изображения автоматически меняли размеры в зависимости от размера экрана? Я добавляю атрибут CSS для изображения, такого как img { width: 100%; height: auto; } но это заставит маленькое изображение принять форму контейнера, в …
23 мар '16 в 05:41
1
ответ
Адаптивное меню заголовка с фоновым изображением
Я пытаюсь создать адаптивный заголовок с фоновым изображением. Когда я добавляю иконку гамбургера вне меню, я получаю полосу фона тела, отображаемую в верхней части области просмотра. Что я делаю неправильно? html, body { margin: 0; padding: 0; heig…
13 сен '15 в 07:19
1
ответ
Адаптивные изображения с абсолютным положением в начальной загрузке 3
Я новичок в использовании начальной загрузки 3. Мне нужна ваша помощь о том, как сделать изображения адаптивными при использовании абсолютного положения, сверху и слева? Мои изображения располагаются поверх одного изображения, и всякий раз, когда я …
08 окт '15 в 13:50
2
ответа
Как мне установить адаптивное пропорциональное изображение относительно его собственной высоты - НЕ его ширины
Как установить пропорциональное пропорциональное изображение относительно его собственной высоты, а не его ширины? просто настройка... img{ width: auto; height: 100%; } не дает мне пропорциональные размеры для моего изображения. Как я могу это сдела…
04 ноя '15 в 20:38
1
ответ
Отзывчив на проблемы с изображениями в CSS-кодировании
Я делаю отзывчивую работу на своем сайте и использую изображение обложки. Но я получаю тег '', а не файл CSS. Поэтому изображение не подходит, когда я делаю отзывчивую работу. Я установил ширину на 100% и высоту на авто. Но даже в этом случае изобра…
24 май '17 в 14:44
2
ответа
Адаптивные изображения: установите атрибут размеров из JavaScript
srcset атрибут может быть установлен из JavaScript для реализации адаптивных ленивых загруженных изображений. Тем не менее, установка sizes Атрибут не работает. кодирование sizes в HTML работает как положено, но когда я пытаюсь установить sizes атри…
02 май '18 в 10:41
0
ответов
Хронический баг с srcset и размерами?
Похоже, что браузеры на основе хрома не выбирают правильное изображение в некоторых ситуациях. Не видел этого раньше. img { max-width: 100%; height: auto; } <!-- This bug happens only in chromium based browsers If device ratio 2x we will get 960w…
12 апр '18 в 23:00
2
ответа
Адаптивная форма входа в систему на основе css
Я немного пытался сделать ответ этой страницы с фоновым изображением на заднем плане и с полем регистрации в центре страницы. не могу использовать bootstrap и CSS не работает на 100%. лучше всего было сделать его отзывчивым, чтобы он поддерживал моб…
28 ноя '16 в 17:01