Как укратить картинки?

djdiplomat,

В браузерах вроде текст нормально убирается под картинку, когда окно уменьшаешь. Только у вас похоже высота забита фиксированная, поэтому картинка сжимается только по ширине.

то же проблем не увидел, на всякий случай бутсраповский responsive img :

.img-responsive {
  display: dsplay;
  max-width: 100%;
  height: auto;
}

оффтоп :

по делу то и вякнуть нечего? позорище 🙅 ...

2SeVlad Вы на солнышке перегрелись чёли... Вяликий кансультант по Вордпрессу даже элементарную этику форумного общения забыл... на овуляшки.ру можете сходить подлечиццо

height: auto; - лишний для картинки в данном случае (он по-умолчанию такой)

??

и я бы еще width:100% добавил бы.

В браузреах ПК проблем нет!

Проблемы на эмуляторе мобильных устройств Опера (скачал с сайта самой Оперы), ну и на самих мобильных устройствах. (Если зайти с мобилы к примеру, то на этой странице http://djdiplomat.ru/facebook/zametki-novosti-atqboor/220-kak-prisposobit-facebook-dlya-biznesa

реклама от гугл (350 пикселей в ширину) (которая в тексте), будет занимать примерно четвертую часть экрана! (при том, что ширина экрана всего 400 пикселей!) Ну и текст соответственно уменьшен.

Т.е срабатывает пропорциональное уменьшение, а не должно.

И еще. Что такое display: dsplay; ?

Это display: inline-block;

возможно...

Наконец то я нашел решение своей проблемы!

У меня реально все было правильно настроено. Реально все пахало! Не хватало лишь одного, а именно:

Если вы делаете адаптивный шаблон - обязательно вставляйте эту штуку в head!

нее 😂 в бутстрапе это просто LESS миксин (функция):

// Responsive image
//
// Keep images from scaling beyond the width of their parents.

.img-responsive(@display: block;) {
  display: @display;
  max-width: 100%; // Part 1: Set a maximum relative to the parent
  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
}

на все случаи как бе, ну а в посте очепятка есссесссно....

Можно и короче.

http://www.beskrovnyy.com/verstka/skaz-o-dvux-vyuportax-chast-pervaya/

чтоб было совсем коротко, почти всегда стоит присобачить и что то вроде этого Viewport Scale