如何修复父div中的图像与响应内容保持宽高比?

时间:2013-04-11 06:05:50

标签: html responsive-design

我的html页面中有两个div,就像这张图片一样。 enter image description here

主要div与背景图像具有响应技术。我有第二个div与面部图片作为主要div内容,在上面的图片中显示红色边框,其大小调整应该对应主要div背景,其宽高比仍然是最后一个值。

1 个答案:

答案 0 :(得分:1)

http://f6design.com/journal/2011/10/18/responsive-elements-that-retain-their-aspect-ratio/

您必须操纵父div上的padding属性才能获得保留宽高比所需的效果。如果您从某个实时网站向我展示您的代码,我可以进一步指出您需要在CSS中进行更改的位置。