Question

Добрый день! Подскажите, пожалуйста, как в мобильной версии сайта увеличить картинки до размера контента, например - в кратком описании материала в каталоге статей (да и в самих статьях тоже). Ибо сейчас, если держать телефон вертикально, часть текста (одно-два слова) получается справа или слева от фото, а не под ним. Причем места там совсем мало и слова разбиваются на буквы. К примеру, первая строчка - 2 или 3 буквы из слова, потом перенос на вторую строчку - опять 2 или 3 буквы и так далее.

Answer 1

Попробуйте в стили прописать примерно следующее условие:

@media screen and (min-width: 240px) and (max-width: 650px) {img,iframe,object,.right_image,.left_image {max-width:100%!important;height:auto!important;float:inherit!important;}}

это должно помочь именно для мобильных.

Comments

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