如何在css中保持背景图像的宽高比

时间:2015-08-24 12:38:09

标签: html css image

我目前正在使用移动版网站,我希望所有图片都能填满90%的网页宽度。我认为实现这一目标的最佳技术是为每个使用图像作为背景图像的图像创建一个div。问题是我不知道如何将div的高度与图像的纵横比相匹配。我试图设置宽度:90%和高度:自动,但它没有工作。

你能帮帮我吗? 伦纳特

1 个答案:

答案 0 :(得分:3)

我不知道我的问题是否错了,但我不明白你为什么要使用背景图片?

如果使用常规img-Tag,如果将其设置为,图像将保持其宽高比 宽度:90% 身高:自动

除此之外,您可以通过在wrapper-div上设置padding-top为百分比来保持div容器的宽高比。这是有效的,因为百分比的计算取决于div的宽度。点击此处:http://www.mademyday.de/css-height-equals-width-with-pure-css.html