Искажение картинки при уменьшение окна

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО InstantCMS 2.X
#1 8 августа 2019 в 15:53
Всем привет. Ни как не могу понять как решить эту проблему. Добавляю в пост картинку через например загрузку или по URL из например яндекс картинок. В итоге картинка при изменение окна или если был добавлен блок искажается.

В чём проблема? Может кто помочь или подсказать?
Прикрепленный файл
20190808155138_piqqh.png 1 Мб
#2 8 августа 2019 в 16:03
Какая версия cms, шаблон? И видно тень добавлена к картинкам.
#3 8 августа 2019 в 16:27

В чём проблема? Может кто помочь или подсказать?

somoff
Скорее всего проблема у вас в css, можете скинуть в личку адрес пациента. Подскажу.
#4 8 августа 2019 в 16:40


Какая версия cms, шаблон? И видно тень добавлена к картинкам.

@noname

2.12.1
Тсесо

Есть тень или нет не так важно. Проблемы нет если фото добавлено из альбома сайта. А если по другому то вот такое вот
#5 8 августа 2019 в 17:11
Видимо, у картинки задана высота, а ширина на маленьком экране 100%. Отсюда получаем результат: по ширине картинка сжимается, а по высоте нет, поэтому и искажение. Вылечить легко, но в присутствии пациента.
#6 8 августа 2019 в 17:55


Видимо, у картинки задана высота, а ширина на маленьком экране 100%. Отсюда получаем результат: по ширине картинка сжимается, а по высоте нет, поэтому и искажение. Вылечить легко, но в присутствии пациента.

чебурек дохлэй мыш

Вот пациент spbtfp.ru/
#7 8 августа 2019 в 18:05
В css добавить:
  1. .posts_item .f_content img{
  2. height:auto!important;
  3. }
#8 8 августа 2019 в 20:53


В css добавить:

  1. .posts_item .f_content img{
  2. height:auto!important;
  3. }

чебурек дохлэй мыш

Так это не только в одном типе контента. Во всех. Думаю при установке ЦМС что то забыл
#9 8 августа 2019 в 21:35
В другом шаблоне так
#10 8 августа 2019 в 21:59
Вроде понял где косяк) Тупо в настройках загрузки изображения были прописаны параметры 800х800. Поменял на 800х Авто и вроде всё норм.

Всё оказалось проще чем думал)

Всем спасибо за отзывчивость)
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.