Объект: обложка не удается в IE и Edge, как исправить?
Опубликовано в 2025-01-30
Просматривать:143
object-fit: cover не удастся в IE и Edge, как исправить? В CSS для поддержания постоянной высоты изображения работает беспрепятственно через браузеры. Однако в IE и Edge возникает особая проблема. После масштабирования браузера изображение изменяется по ширине, а не увеличивая высоту, искажая его внешний вид.
, чтобы решить эту проблему, мы используем умное решение CSS, которое решает проблему:
позиция: Absolute;
top: 50%; слева: 50%;
transform: translate (-50%, -50%);
высота: 100%;
width: авто; // для вертикальных блоков
высота: Auto;
ширина: 100%; // Для горизонтальных блоков
Эта комбинация позиционирует изображение в центре, используя абсолютное позиционирование, устраняя проблему с помощью объекта: обложка в IE и Edge. Изображение теперь будет масштабироваться пропорционально, сохраняя желаемый эффект без искажений.
, чтобы проиллюстрировать эффективность решения, рассмотрим следующую демонстрацию:
. &&&]] Этот подход обеспечивает последовательное поведение изображения во всех браузерах, эффективно обращаясь к объектному обращению: обложка в IE и Edge.
]
Последний учебник
Более>
-
Могу ли я перенести свой шифрование с McRypt в OpenSSL и расшифровывает данные, заполненные McRypt, используя OpenSSL?Обновление моей библиотеки шифрования с McRypt до OpenSSL Могу ли я обновить свою библиотеку шифрования с McRypt до OpenSSL? В OpenSSL можно л...программирование Опубликовано в 2025-01-30 -
Как преодолеть ограничения переопределения функций PHP?преодоление ограничений переосмысления функции PHP в PHP, определение функции с одинаковым именем несколько раз-это нет-нет. Попытка сделать э...программирование Опубликовано в 2025-01-30
-
Как снять анонимные обработчики событий JavaScript чисто?] Удаление слушателей анонимных событий Добавление слушателей анонимных событий в элементы обеспечивают гибкость и простоту, но когда пришло врем...программирование Опубликовано в 2025-01-30
-
Какой метод более эффективен для обнаружения с точки зрения полигона: трассировка лучей или matplotlib \ path.contains_points?эффективное обнаружение с пунктом-в полигоне в Python определение того, находится ли точка в полигоне частой задачей в вычислительной геометрии....программирование Опубликовано в 2025-01-30
-
Множествометоды являются FNS, которые можно вызвать на Objects ] Массивы являются объектами, следовательно, они также имеют методы в JS. ] ] Срез (...программирование Опубликовано в 2025-01-30
-
Почему ввод запроса в POST Захват в PHP, несмотря на действительный код?] адресация адреса запроса в POST в php в представленном фрагменте кода: action='' ] намерение состоит в том, чтобы захватить ввод с текстов...программирование Опубликовано в 2025-01-30
-
Как я могу эффективно получить значения атрибутов из файлов XML с помощью PHP?получение значений атрибутов из файлов XML в php каждый разработчик сталкивается с необходимостью проанализировать файлы XML и извлекать опред...программирование Опубликовано в 2025-01-30
-
Как ограничить диапазон прокрутки элемента в родительском элементе динамического размера?реализация ограничений высоты CSS для вертикальных элементов прокрутки в интерактивном интерфейсе, контроль над поведением прокрутки элементов...программирование Опубликовано в 2025-01-30
-
Как правильно вставить Blobs (изображения) в MySQL с помощью PHP?вставьте Blobs в базы данных MySQL с PHP При попытке сохранить изображение в базе данных MySQL, вы можете встретиться с проблема. Это руковод...программирование Опубликовано в 2025-01-30
-
Как разрешить расходы на путь модуля в Go Mod с помощью директивы «Заменить»?. с несоответствием пути между импортированным пакетом GO.MOD и фактическим путем импорта. Это может привести к go mod quicley сбои, как продемонс...программирование Опубликовано в 2025-01-30
-
Как динамически установить клавиши в объектах JavaScript?Как создать динамический ключ для переменной объекта Javascript при попытке создать динамический ключ для объекта Javascript, используя этот син...программирование Опубликовано в 2025-01-30
-
Как я могу эффективно заменить несколько подстроков в строке Java?заменить несколько подстроков в строку эффективно в Java , когда сталкивается с необходимостью заменить несколько подстроков в строке, это зама...программирование Опубликовано в 2025-01-30
-
Как отправить файлы пользователям с PHP -сервера?отправить файл пользователю , когда пользователь взаимодействует со скриптом PHP, вы можете встретить сценарии, где вам нужно передавать файл, ...программирование Опубликовано в 2025-01-30
-
Объект: обложка не удается в IE и Edge, как исправить?object-fit: cover не удастся в IE и Edge, как исправить? В CSS для поддержания постоянной высоты изображения работает беспрепятственно через брау...программирование Опубликовано в 2025-01-30
-
Как вы можете использовать группу по поводу данных в MySQL?] pivoting Query Results с использованием группы MySQL BY В реляционной базе данных, поворот данных относится к перегруппированию строк и столб...программирование Опубликовано в 2025-01-30
Изучайте китайский
- 1 Как сказать «гулять» по-китайски? 走路 Китайское произношение, 走路 Изучение китайского языка
- 2 Как сказать «Сесть на самолет» по-китайски? 坐飞机 Китайское произношение, 坐飞机 Изучение китайского языка
- 3 Как сказать «сесть на поезд» по-китайски? 坐火车 Китайское произношение, 坐火车 Изучение китайского языка
- 4 Как сказать «поехать на автобусе» по-китайски? 坐车 Китайское произношение, 坐车 Изучение китайского языка
- 5 Как сказать «Ездить» по-китайски? 开车 Китайское произношение, 开车 Изучение китайского языка
- 6 Как будет плавание по-китайски? 游泳 Китайское произношение, 游泳 Изучение китайского языка
- 7 Как сказать «кататься на велосипеде» по-китайски? 骑自行车 Китайское произношение, 骑自行车 Изучение китайского языка
- 8 Как поздороваться по-китайски? 你好Китайское произношение, 你好Изучение китайского языка
- 9 Как сказать спасибо по-китайски? 谢谢Китайское произношение, 谢谢Изучение китайского языка
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
Декодирование изображения в формате base64
Китайский Пиньинь
Кодировка Юникод
JS-обфускация, шифрование, сжатие
Инструмент шестнадцатеричного шифрования URL-адресов
Инструмент преобразования кодировки UTF-8
Онлайн-инструменты кодирования и декодирования Ascii
Инструмент шифрования MD5
Онлайн-инструмент для шифрования и дешифрования хеша/хеш-текста
Онлайн-шифрование SHA