我想做这样的事情:PhotoView fit screen height maintain aspect ratio在 CSS 中,如前两张图片所示。我目前使用的方法,覆盖,在移动设备上变得愚蠢,因此背景图像只覆盖上面的部分,比如 this .
我怎样才能调整图像的大小,使其保持此宽高比,但覆盖整个屏幕,即使这意味着要裁掉一些图片?
最佳答案
object-fit: cover
是用于此的正确方法。您的问题似乎在容器的高度范围内。尝试为它设置一个 min-height: 100vh;
?
或者,如果不是这种情况,请提供您代码的有效测试用例,以便我们了解实际情况。
关于html - 如何保持宽高比但调整背景图像大小以适合整个屏幕,即使它不能显示整个图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57634306/