HTML图片等比显示

在HTML中实现图片等比显示的核心方法是同时设置width和height属性，或仅设置其中一个而让浏览器自动计算另一个，配合CSS的object-fit属性可确保图片在容器内不失真缩放，很多前端开发者和网页设计师在初期都会遇到图片变形的问题,尤其是当图片原始尺寸与展示容器尺寸不匹配时，这种视觉上的拉伸或压缩不仅……