Question

Приветствую. Проблема с "Страница материала и комментариев к нему".  При просмотре материал с ipad, картинка в материале выходит за границы блока. Как решить проблему?
HTML:
 

 

<div class="container"><div class="item">
<article class="hue-rotate pic">
<div>
<div class="example2">
<img src="$IMG_URL1$" class="imageks1 example2_beauty" >
 <span>$ENTRY_TITLE$$MODER_PANEL$</span><div>
</article>
<div>
$MESSAGE$
</div>
</div><div><div>

CSS:
 

 

.container
{
  display: flex;
  align-items: center;
  justify-content: center;

}
.item
{
margin: 100px;
  background-color: rgba(213, 211, 211, 0.96);
  border-radius: 3px;
  width: 900px;
   
}

Как запретить выходить тексту и картинкам за пределы блока?

Answer 1

Прописать в стили:

.example2 img {max-width:100%!important;}

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

Comments

http://riders.do.am/publ/stil/sputnik_1985_istorija_brenda/2-1-0-9?cXqQLKq#
Проблема именно на планшете

---

Проверил, попробуйте в стили добавить:

.item img {max-width:100%!important;height:auto!important;}

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