Как сделать полный экран без прокрутки?

Question

[Ingernirated]

Соотечественники, такой ситуасьён.
Как сделать так, чтобы блок был на 100% экрана высоты и картинка в нём была такой же?
Ставлю соточку vh, блок ровно высоту экранчика занимает, задаю картинке в этом блоке тоже соточку vh, картинка уже на пару пикселей больше высоты экрана и появляется возможность чутка крутануть, а 99% оставляют зазоры от низа видимый.

Answer 1

[Ivan Bogachev]

Ставлю соточку vh, блок ровно высоту экранчика занимает, задаю картинке в этом блоке тоже соточку vh

Вы бы приложили сюда маленькую codepeночку, чтобы было понятнее что там происходит. Кажется одно из двух: или где-то нужен object-fit, или где-то нужен display: block

Comments

[Ingernirated]

вы были правы, display:block всё сделал как надо

[Ingernirated]

а почему block так всё ровно изменил, за что он отвечает?
я раньше думал, что им можно только задавать горизонтальные или вертикальные расположения обьектов, типа inline-block;

Answer 2

[iBird Rose]

пропиши body, html {margin: 0;}

Comments

[Ingernirated]

margin и так был 0, а что html делает при margin 0 или других параметрах?
никогда не видел его ещё в примерах или чужом коде

Answer 3

[Андрей Федоров]

Ставь картинку 100vh и img {display:block}

Answer 4

[Сергей Горячев]

Тогда может через % всем родителям, чтобы не париться?
Вот так например - https://jsfiddle.net/webirus/nczg622e/1/
И еще display: block для картинки (так как по умолчанию они inline).

Comments

[Ingernirated]

% тоже ставил, но проблему решил display:block;