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

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

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

2、background-size: cover

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

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

以上就是关于小程序自适应背景图,不同屏幕比例 如何做到不变形、不留空白全部的内容,包括:小程序自适应背景图,不同屏幕比例 如何做到不变形、不留空白、、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zz/10110555.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存