网站图片会以压缩变形来显示改怎么解决呢?求高手!

发布网友发布时间：2022-05-13 15:32

共3个回答

热心网友时间：2023-10-14 13:10

这个是因为对img设置了宽度和高度。浏览器强制使用了这个尺寸，自然就变形了。
解决方法，
途径1、尽量使用与页面显示块的比例一致的图片。
途径2、如果做不到控制图片比例。则，用js获取图片实际高宽比。若图片太窄，则将图片宽度设置为页面显示块的宽度，高度自动；若太宽，则设置高度充满。页面此时要将overflow设为hidden，溢出部分不显示。也可视需要，设置居中等。

热心网友时间：2023-10-14 13:11

1、修改图片为对应的比例
2、根据图片比例修改代码样式
3、只定义图片宽度，这样能保持图片变形，但是图片高度不够下半部分显示空白，影响美观

以上方法建议用第一个，直接修改图片尺寸

热心网友时间：2023-10-14 13:11

我来总结下吧！
1；你的图片尺寸不是你的外DIV的尺寸，图片大了就会压缩，图片小了就会拉伸。
2；要么你把你的外部DIV尺寸放大到合适的尺寸，要么你把你的图片的处理成外部DIV的尺寸。