css - DIV 高度和宽度

Question

我想要一个宽度为视口的 100% 且高度为相同 div 宽度的 10% 的 div。我一直在尝试height: 10vw;，但是它不适用于所有浏览器（尤其是 firefox 和 Android）。有什么我错过的吗？实现它的最佳方法应该是什么？

谢谢！

更新：它是相同的 div。想要一个宽度为 100% 且高度为 10% 的 DIV。

Answer 1

它不适用于所有浏览器，因为它们尚未实现。在 Android 中它还不能工作，在 Firefox 中它应该在 19 及更高版本上工作：http ://caniuse.com/viewport-units

你可以把你的元素放在一个绝对位置，并给它一个 100% 的高度。它将覆盖第一个位置与静态不同的元素的 100% 的高度，如果它没有任何元素，那么它将覆盖根的高度。根是viewport 。

div {
  position: absolute;
  height: 100%;
}

还有一个polyfill来支持 vw/vh/vm 单元。