我目前正在一个网站的移动版本的工作,我希望所有的图像填充屏幕宽度的90%。我认为实现这一点的最佳技术是为使用图像作为背景图像的每个图像创建一个div。问题是我不知道如何将div的高度与图像的宽高比相匹配。我试过设置宽度:90%和高度:自动,但没有成功。
你能帮帮我吗?
伦纳特

最佳答案

我不知道我是不是搞错了,但我不明白你为什么要用背景图片?
如果使用常规img标记,则将图像设置为
宽度:90%
高度:自动
除此之外,您还可以通过将wrapper-div上的padding top设置为百分比来保持div容器的纵横比,这是因为百分比的计算取决于div的宽度。请参见此处的更多内容:http://www.mademyday.de/css-height-equals-width-with-pure-css.html

09-28 02:36