Попытка сделать изображение подходит для разных масштаб ⇐ Html

[Anonymous]

Итак, я пытаюсь сделать изображение подходить для моего экрана на всех масштабах, например, как когда вы используете google Chrome Zoom, поэтому, когда Zoom составляет 80%, изображение хорошо подходит, как следующее изображение

Но как только я поместил свой масштаб на 100%, есть есть Часть, которая не покрыта изображением

Мой HTML -код - следующее < /p>

< /code>
и css - следующее: < /p>
article{
display: flex;
width: 100%;
height: 100vh;
background-image: url("/Assets/Choose-role-image.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
< /code>
Что я должен сделать, чтобы изображение подходило на все увеличения, если я буду изменить высоту или удалить его или что вы предлагаете в качестве решения < /p>
Заранее спасибо


Подробнее здесь: https://stackoverflow.com/questions/794 ... ents-zooms