上次在做某些咨询页详情的时候,发现页面中的图片会撑开页面的宽度,如果只是设置100%的宽度,又有被拉伸的尴尬。网上查阅之后,找到了根据设置css来解决的方法:
img{
// 保证图片可以以原尺寸显示
width: auto;
height: auto;
// 保证图片超过页面大小时不会被撑开
max-width: 100%;
max-height: 100%;
//个人建议加上以下代码,可以让页面更美观
display: block;
margin: 0 auto;
}