Как заставить масштабироваться изображения при повороте экрана?

Question

[denism300]

Есть такая проблема: при просмотре сайта со смартфона, если повернуть устройство, изображения не масштабируются (см. скрин). Тестировали на разных устройствах, как под iOS, так и под Android.


В браузере на компьютере, в режиме эмуляции мобильных девайсов все ок, и проблему повторить не удается.
Код блока с картинкой: https://jsfiddle.net/denism300/1pLfeojb/2/

Answer 1

[Aleksandr Kritskii]

Добавьте это в ваш CSS

* {
    box-sizing: border-box;
}