css - 响应 : how do I maintain proportions with stacked divs?

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”标签的宽度来解决问题，但您也可以在处理高度时使用百分比。根据 W3C，这是一种公认​​的方法。 CSS Height Property在 W3C 学校上。