Jump to content
Sign in to follow this  
donoway

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

Recommended Posts

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

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

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

Share this post


Link to post
Share on other sites
Только что, donoway сказал:

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

height:auto!important;

 

  • +1 1

Share this post


Link to post
Share on other sites
37 минут назад, sammygr сказал:

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

height:auto!important;

 

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.