小程序自适应背景图,不同屏幕比例 如何做到不变形、不留空白

1、fixed定位一个 image标签,width: 100vw;height: 100vh; mode选择aspectFill

2、background-size: cover

    1)是按照图片的比例放大或者缩小至充满容器,而不是按照容器的比例大小来缩放。

     2)如果照片的比例和容器的比例是不一致的,必定会导致照片的不完整性。

你可能感兴趣的:(小程序自适应背景图,不同屏幕比例 如何做到不变形、不留空白)