要停止Edge浏览器拉伸图像,你可以使用CSS样式来控制图像的显示方式。具体步骤如下:
<img src="image.jpg" id="myImage">
object-fit
属性来控制图像的显示方式。可以设置为以下几个值之一:fill
:默认值,图像将完全填充其容器,可能会被拉伸或压缩以适应容器的尺寸。contain
:图像将按比例缩放以适应容器的尺寸,保持其原始宽高比,可能会在容器内留有空白区域。cover
:图像将按比例缩放以填充容器,保持其原始宽高比,可能会超出容器的边界。none
:图像将按其原始尺寸显示,可能会被拉伸或压缩以适应容器的尺寸,可能会失真。例如,如果你想保持图像的原始宽高比并在容器内显示完整的图像,可以使用以下CSS样式:
#myImage {
object-fit: contain;
}
object-fit
属性来显示图像,不再拉伸图像。腾讯云相关产品和产品介绍链接地址:
请注意,以上仅为腾讯云的相关产品示例,其他云计算品牌商也提供类似的产品和服务。
领取专属 10元无门槛券
手把手带您无忧上云