Question

我想要一个宽度为100％视口的div和相同div宽度的10％高度。我一直在尝试height: 10vw;但它并不适用于所有浏览器（特别是Firefox和Android）。我有什么遗失的吗？什么应该是实现它的最佳方式？

谢谢！

更新：它是相同的div。想要一个DIV，其宽度填充100％，高度为10％。

Answer 1

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

您可以将元素置于绝对位置，并将其高度设置为100％。它将覆盖第一个元素的100％高度，其位置与静态不同，如果没有任何元素，则它将覆盖根的高度。并且根是视口。

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

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