Как добиться такой же адаптивности блоков div как при свойстве «background-size: cover;» для img?

Question

[Максим js]

при изменении разрешения экрана блоки с указанной высотой и шириной в % потихоньку меняют свой размер по отношению центра. Как сделать так чтобы блоки по отношению к центру оставались не изменны, а как бы уходили за рамки экрана (в случаем уменьшения масштаба например)?
либо чтобы весь сайт масштабировался как при свойстве background-size: cover; для img?
и еще вопрос) почему цвета которые берешь из фотошопа при применении их в коде меняют оттенок ?
спасибо!

Comments

[Rustam Bainazarov]

object-fit: cover для img.

Answer 1

[Жук]

попробуйте bacground-size: 100%
потому что надо задавать в RGB(255,255,255)

Comments

[Максим js]

может быть так будет понятнее)
Как сохранить размеры креста при любом масштабировании?(крест это задний фон).
Крест остается ,а блоки меняют свой размер в меньшую или большую сторону.

Answer 2

[FabiBoom]

Или обертку юзать или фоном все-таки картинку закинуть.