Я попробовал этот CSS код:Как разместить фоновое изображение на экране?
background: url(bg.jpg) center center no-repeat fixed;
background-size: cover;
Но все-таки высота фонового изображения является больше, чем окна просмотра. Почему это происходит? Пожалуйста, не просто дайте мне коды, объясните тоже.
От MDN:
покрытие Ключевое слово, которое является инверсией содержать. Масштабирует изображение как можно больше и поддерживает соотношение сторон изображения (изображение не не сжимается). Изображение «покрывает» всю ширину или высоту контейнера . Когда изображение и контейнер имеют разные размеры, изображение обрезается либо влево/вправо, либо сверху/снизу.
Он выше, чем область просмотра, потому что это был единственный способ сделать его достаточно широким, чтобы заполнить область просмотра, не меняя аспектный рацион.
Используйте 100% 100%, чтобы масштабировать его, нарушая соотношение сторон.
Вы также, возможно, придется установить background-attachment: fixed, чтобы заставить его масштабировать к окну вместо элемента тела, если содержание документа делает тело выше видового экрана.
'cover' заполняет все доступное пространство (возможно, обрезает изображение), если вы хотите сохранить изображение внутри области, которую хотите« содержать » – DBS
На самом деле я не хотел« содержать ». Я хотел, чтобы мое фоновое изображение заполнило весь видовой экран, не будучи обрезанным. Спасибо, в любом случае. :) –