我有一张图片,我想将其设置为特定的宽度和高度(以像素为单位)
但是,如果我使用css(width:150px; height:100px
)设置宽度和高度,图像将被拉伸,并且可能很难看。
如何使用CSS 将图像填充到特定大小,而不进行拉伸?
填充和拉伸图像示例:
原始图片:
拉伸图像:
填充图片:
请注意,在上面的“填充图像”示例中:首先,将图像调整为150x255(保持纵横比),然后将其裁剪为150x100。
CSS图像大小,如何填充,不拉伸?
我有一张图片,我想将其设置为特定的宽度和高度(以像素为单位)
但是,如果我使用css(width:150px; height:100px
)设置宽度和高度,图像将被拉伸,并且可能很难看。
如何使用CSS 将图像填充到特定大小,而不进行拉伸?
填充和拉伸图像示例:
原始图片:
拉伸图像:
填充图片:
请注意,在上面的“填充图像”示例中:首先,将图像调整为150x255(保持纵横比),然后将其裁剪为150x100。
第2351篇《CSS图像大小,如何填充,不拉伸?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点
相似问题
问题类别