Как задать ширину и высоту блока для картинки, которая еще не загрузилась?

Question

[stasyan_dikiy]

На сайте есть картинки, пока они не загрузились - это пустой блок с 0px шириной и 0px высотой:


Но когда она загружается, то весь макет съезжает вниз (так и должно быть):


Как сделать уже заданную ширину для блока (в ней картинка) (рисунок №2), чтобы ширина и высота не менялась даже после загрузки картинки (адаптив)? Вопрос связан с тем, что происходит смещение макета и Google PageSpeed на это ругается.

Answer 1

[Yupiter7575]

фиксированный width и height (в px). Чтобы добавить адаптивность, поставьте контрольные точки и медиа запросы

Comments

[stasyan_dikiy]

Да, это было слишком банально, даже гугл об этом писал. Спасибо.