图片怎么不拉伸不裁剪的显示出来有好的解决方案吗？-灵析社区

直接 `background-size: contain` 就能搞定 .container { width: 500px; height: 300px; border: 1px solid #000; } .img { width: 100%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url('./test.png'); }