Итак, я пытаюсь сделать изображение подходить для моего экрана на всех масштабах, например, как когда вы используете 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>
Я добавил несколько границ, чтобы вы видели, о чем я говорю
введите описание изображения здесь
заранее < /p>
Подробнее здесь: https://stackoverflow.com/questions/794 ... ents-zooms
