css3 – 使用calc()根据宽高比创建自动调整大小的元素？

我有一个视频容器,如果我可以使用calc来计算基于宽度的高度,那就太棒了. stackoverflow answers的一些说法声称这样的事情是可能的： .selector{ width

... . . 我有一个视频容器,如果我可以使用calc来计算基于宽度的高度,那就太棒了.

stackoverflow answers的一些说法声称这样的事情是可能的：

.selector{  width: 100%;  height: calc(width * 1.75);}

但我还没有在Chrome 26中看到过这项工作.如何仅使用CSS3计算高度？

.

解决方法

. 使用vh和vw单位是获取固定响应式视图框架的好方法：

.sixteen-nine {   width: calc(75vh * 1.77);   height: 75vh;}

这将为您提供相对于屏幕高度约为16：9的视口.

. . .. ...