@ZaurK

Адаптивность изображений в tinyMCE, как сделать?

Здравствуйте! При загрузке изображений через текстовый редактор tinyMCE заметил такую особенность. Если после загрузки менять размер изображения, то к нему добавляются параметры ширины и высоты в пикселях, это приводит к потере адаптивности изображения, при сужении окна браузера, картинка непропорционально сужается. Пробовал задать в стилях
img{
max-width: 100% !important;
}
но не помогает. Как решить эту проблему? Спасибо.
  • Вопрос задан
  • 551 просмотр
Решения вопроса 1
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
img{
max-width: 100% !important;
height: auto !important;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Torin_Asakura
@Torin_Asakura
Lead Architect
Для начала посмотри в каком контейнере лежит изображение и уже потом можешь сделать как предложил Виталий Киренков , ну, то есть:
.parentContainer
  > img
    max-width: 100%
    height: auto

Использовал синтаксис SASS, он удобней ^^
При том при всём, заставь это отрендерится в последнюю очередь, тогда !important не понадобится
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы