我正在制作一个项目，我正在使用像Google+这样的封面图片。 大约在屏幕上全屏，但是当我上传小尺寸照片或超大尺寸照片时，它会在预览中拉伸或压缩。
我用来装在我的盒子里的简单标签是
<img src="coverphotos/1291384_4846629064030_1548133592_o.jpg" height="530px" width="1024px" style="border-width: 0px; margin-top:-4px">
非常非常重要。我想在我的项目上制作一张封面图片，但是我因为它的拉伸，让图片难看而感到烦恼，Facebook，Google +如何在不拉伸的情况下上传封面图片？
预览。 http://www.tiikoni.com/tis/view/?id=479959b
我不想让它伸展，而在fb和谷歌上传它的作品osm
答案 0 :(得分：1)
将height设置为530px或将width设置为100%，不要同时执行这两项操作。
图片不会被拉伸并保持其纵横比。 ：）
答案 1 :(得分：1)
这：height="530px" width="100%"
你告诉图片占据其父级的全宽，并且正好是530px高。您可能想要的是图像上的无约束高度，但其父级的高度约为overflow: hidden。
答案 2 :(得分：0)
根据您的链接，此css修复了此问题。
body {
width:100%;
margin: 0;
}
center {
width:100%;
}
center img {
width:100%;
height: auto;
}