我有这张图片,但我想适合我的屏幕。它比我的屏幕还长。如果我放置背景大小:封面,它会适合屏幕,但宽度只有一半。但如果我不写的话,它的高度就是屏幕的一半。
这是我的 CSS 代码。
min-height: 100%;
max-width: 100%;
background-repeat: no-repeat;
在高度中使用 % 总是很奇怪,因为高度是可滚动的,因此是无限的。
您可以尝试使用 vh 和 vw(视图高度/视图宽度)
这些控制打开窗口的当前大小。
如果你同时更改两者,可能会弄乱你的照片的比例,所以我会尝试
宽度:自动; 高度:100vh;