响应：我如何保持叠加div的比例？

Question

我正在制作一个响应式网站，其标题设置为调整大小。在那个图像上，我必须在x，y位置放置另一个较小的图像（它必须链接出去）。我的问题是如何保持网站重量大小的比例？我可以用百分比来定义宽度，但是高度呢？ ems并没有给我足够的控制高度（除非我误解了如何使用它们）。

.gallery { width:100%; position:relative; }
.gallery-over { position:relative;margin:-12.5em 0 0 69%; width:18.5%; }

Answer 1

通常你会用图像做这样的事情：

img { width:100%; height:auto; -ms-interpolation-mode:bicubic; }

我发现自己有时也需要设置min-width和min-height，这对包含元素更好（IE7，至少有问题height:auto和min /最大宽度）

Answer 2

我相当肯定你可以通过调整'img'标签的宽度来实现，但你也可以在处理高度时使用百分比。根据W3C，这是一种可接受的方法。关于W3C学校的CSS Height Property。