Описание тега srcset
The srcset attributes on the img element can be used, using the x descriptor, to provide multiple images that only vary in their size
1
ответ
Атрибут размеров для адаптивных точек останова Bootstrap
Я работаю над оптимизацией на своей странице, и все шло гладко, так как у меня появилась идея реализовать srcset а также sizes атрибуты моего <img>, я создаю php функция, которая создает img объект и заливки srcset атрибут с новыми масштабиров…
19 мар '18 в 11:51
0
ответов
React и srcSet: время загрузки изображений
Я работаю с React. У меня есть сетка с некоторыми изображениями, с srcset -srcSet в реакции Каждое изображение выглядит примерно так: <img class="App-gridImage" src="https://picsum.photos/1200?image=5" sizes="600px" srcSet=" https://picsum.photos…
26 ноя '18 в 16:12
0
ответов
srcset и размеры не работают в моем проекте в любом браузере
Я хочу сделать определенное изображение отзывчивым, используя srcset и размеры. Я применил их, как только узнал, правильно определил srcset и размеры и проверил различия в именах файлов, но по какой-то причине он не работает ни в Mozilla, ни в Chrom…
12 апр '18 в 15:04
1
ответ
Применение адаптивных свойств изображения в исходном коде
Я создал две версии логотипа: вертикальный и горизонтальный, первый для мобильных экранов, второй для рабочего стола, чтобы переключаться с одного на другой, мне нужен элемент изображения. К сожалению, мне не удалось реализовать это как в Dreamweave…
03 май '16 в 11:35
0
ответов
Адаптивное изображение srcset не отображает правильный размер изображения
<img src="http://example.com/image.png" size=" (max-width: 763px) 100vw, (max-width: 763px) and (-webkit-min-device-pixel-ratio: 2) 200vw, (min-width: 764px) 476px, (min-width: 764px) and (-webkit-min-device-pixel-ratio: 2) 952px, (min-width: 111…
16 сен '17 в 16:12
2
ответа
Wordpress: srcset получает HTTP вместо HTTPS во всех сообщениях
В Wordpress 4.4 изображения автоматически получают srcset атрибут Моя проблема с этим заключалась в следующем (я решил ее, пока писал этот вопрос, см. Мой ответ ниже): для того, чтобы передать все в https, я заменил все src="http://... ссылки в табл…
17 фев '16 в 15:24
2
ответа
HTML5 srcset, размеры и художественное направление
Насколько я могу судить, srcset а также sizes Атрибуты больше фокусируются на применении подходящего масштабированного изображения для размера и разрешения устройства. По-видимому, нет возможности использовать эти атрибуты для выбора альтернативного…
30 сен '15 в 10:06
1
ответ
HTML img srcset не ведет себя так, как задумано?
Я пытаюсь загрузить адаптивные изображения, и кажется, что они работают в последней версии Firefox. Однако мои изображения загружаются не так, как задумано в Safari и Chrome. <img src="/images/pages/arrivals/02_exterior_1000.jpg" srcset="/images/…
24 май '18 в 14:32
1
ответ
Нерабочий srcset
Я пытаюсь научиться использовать адаптивные изображения. Поэтому я сделал простую страницу, чтобы попытаться использовать srcset с размерами. Есть 4 изображения maldives-3220702_1920.jpg нормальное. Другие 3 имеют номер на них, чтобы я мог видеть, к…
22 мар '18 в 23:45
0
ответов
Как предпочесть изображения сетчатки в srcset?
На странице: http://steyoyoke.com/shop/ Изображения на некоторых экранах выглядят размытыми, хотя в каждом наборе изображений есть изображение сетчатки Если вы удалите первое изображение в srcset с помощью Chrome's Inspector изображение выглядит мен…
25 июл '17 в 09:24
1
ответ
Тег<picture> - Игнорирование тегов <source> && Откат к <img> на iPad / Safari (на рабочем столе)
Я пытаюсь решить проблему с адаптивными изображениями на iPad и не могу найти решение здесь. У меня есть следующий код HTML5, примененный к баннеру, чтобы он был адаптивным. <picture> <source media="(min-width: 1081px)" srcset="desktop-imag…
06 ноя '18 в 17:07
1
ответ
Получите текущую версию адаптивного изображения в Safari
Я пытаюсь определить заполнитель, когда я нажимаю на изображение с помощью плагина photoswipe. Я хотел бы определить точно такую же версию моего адаптивного изображения, как изображение, отображаемое на моем экране. data-srcset=" http://url.com/im…
20 окт '15 в 08:15
1
ответ
Как организовать атрибут "размеры" для reps.imgs в контексте, ориентированном на мобильные устройства
Я настраиваю изображения для адаптивного веб-дизайна и использую недавно формализованный синтаксис адаптивных изображений. Я не использую все аспекты, только части srcset и размеры. Грубо говоря, моя разметка выглядит следующим образом: <img src=…
18 мар '15 в 11:17
1
ответ
Wordpress 4.4: изменить max_srcset_image_width в media.php из functions.php
Wordpress определяет максимальное разрешение, включенное в новый атрибут srcset в media.php, со следующей строкой: $max_srcset_image_width = apply_filters( 'max_srcset_image_width', 1600, $size_array ); Есть ли способ изменить это значение (через ло…
10 дек '15 в 20:07
1
ответ
Использовать srcset для изменения ссылок на изображения вместо самих изображений?
Я хочу, чтобы у меня была статичная миниатюра в 100px (это будет 100px для всех размеров экрана), щелкнув по которой будет показана увеличенная версия (в зависимости от размера экрана) того же изображения. Таким образом, миниатюра по сути будет дейс…
05 авг '16 в 11:39
1
ответ
WordPress Отзывчивые Изображения 4.4
Итак, я знаю, что WordPress добавил функции для оптимизации изображений с помощью атрибутов srcset и sizes, но как насчет фоновых изображений? Мне нравится, как легко разместить изображение внутри его контейнера, если я сделаю его фоновым, но я боюс…
16 июн '16 в 18:30
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
1
ответ
JavaScript: частичное обнаружение объектов (srcset)
Я пытаюсь написать патч JavaScript для старых браузеров. Обычно я бы начал с некоторого кода обнаружения функций, такого как этот: var img=new Image(); if(img.getAttribute('srcset')) … // already support но у меня проблема с браузерами, которые част…
27 июл '15 в 06:58
1
ответ
Адаптивные изображения: img srcset + Bootstrap, загружается изображение неправильного размера
Я использую Bootstrap с адаптивными изображениями. Я хочу оптимизировать время загрузки, предлагая браузерам изображения разных размеров. Согласно этой статье, простой подход к srcset, подобный этому, хорош для того, чтобы позволить браузеру выбрать…
06 фев '15 в 10:53