Перейти к содержанию
donoway

Проблема с изображениями в адаптивной верстке шаблона

Рекомендуемые сообщения

Сделали адаптивную верстку, всё хорошо, да только у всех изображений вставленных через редактор Opencart прописаны ширина и высота с помощью style=

Соответственно, когда ширина сайта уменьшается, то изображения по высоте всё равно остаются прежними.

Есть ли какой-то способ решить эту проблему, чтобы не убирать свойства на каждой странице вручную?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Только что, donoway сказал:

Сделали адаптивную верстку, всё хорошо, да только у всех изображений вставленных через редактор Opencart прописаны ширина и высота с помощью style=

Соответственно, когда ширина сайта уменьшается, то изображения по высоте всё равно остаются прежними.

Есть ли какой-то способ решить эту проблему, чтобы не убирать свойства на каждой странице вручную?

Через jquery попробуйте удалить размеры изображений

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

да просто убирайте в редакторе ширину, оставляйте только высоту 

я у себя в статьях так делаю

или в режиме кода поставить ширину на авто

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Еще как вариант (самый простой) - прописать в .css файле для этих картинок

height:auto!important;

 

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
37 минут назад, sammygr сказал:

Еще как вариант (самый простой) - прописать в .css файле для этих картинок


height:auto!important;

 

Спасибо, воспользовался этим вариантом.

Прописал это в стили для адаптивной верстки, для экранов меньше 1020px

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.