На смартфонах или устройствах с маленьким экраном изображение выходит за границы, из-за чего ломается дизайн

голоса: 0

На смартфонах или устройствах с маленьким экраном изображение выходит за границы, из-за чего ломается дизайн.

Пробовал добавлять img {max-width:100%!important;height:auto!important;} - не помогает.

Адрес сайта smmrise.ru
| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ
Все же помогло, чистить в браузере кеш нужно.
| Автор:
Выбор ответа лучшим | | Автор: Сиплый

Чистил кеш, с разных устройств пробовал и разные браузеры использовал, всё равно проблема осталась.
На главной странице (архив материалов) всё нормально, а вот при открырии новости изображение выходит за границы.

   

Сиплый,

В стилях строка номер 644:

 #casing:not(.module_shop) #content>section>table:nth-child(-n+5) td:not(.calMdayIs){display:block;width:100%;padding:5px 0;text-align:left;}

удалить выделенное.

Yuri_Geruk,
К сожалению ничего не изменилось.
Сиплый,
И не изменится, так как не удалили и кеш не очистили.
Yuri_Geruk,

Может быть не изменяется потому что конструктор, при попытки сохранить код в панели управления (в старой или новой) просто-напросто не обновляет его на сервере?!

Сиплый,
Сейчас все хорошо, кеш чистите в браузере: https://ukit.com/ru/help/kak-ochistit-cahe
Yuri_Geruk,

Я подумал возможно я и вправду делаю что-то не так, поэтому попросил нескольких своих знакомых проверить сайт, у них всё также.
Видео - https://youtu.be/igpe24I2lFE

Сиплый,
Проблема в том, что у вас подключен cloudflare, нужно с админки клоуда очистить кеш так как проблема именно в этом. В результате мы хоть исправляем стили или нет, они в кеше клоуда и изменений не видно так как кеш в клоуде очистить нужно.
Yuri_Geruk,
Благодарю, Юрий. Проблема была в этом.
...