可以使用CSS中的答: 可以使用CSS中的object-fit
属性来控制图片的显示方式。将object-fit
设置为contain
,可以让图片按照比例缩放,同时保持其完整性,不被压缩。
例如,如果你的logo图片的HTML代码如下:
<img src="logo.png" alt="Logo">
那么你可以在CSS中添加以下样式:
img { object-fit: contain; max-width: 100%; height: auto; }
这样就可以让logo图片按照比例显示,并且不会被压缩。其中,max-width: 100%;
可以确保图片不会超出其容器的宽度。