css计算量

Question

如何根据宽度的比例设置宽度和高度。这就是我要说的:

.foo
   height: total_width * 0.10
   width: 10%

如果我设置 height: 10%，它会根据 100% 的高度进行计算，我希望高度为 100% 宽度的 10%

如果在 css 中不可行，在 Stylus 中是否可行？

Answer 1

使用视口(viewport)单位可以实现类似的效果:vh、vw、vmin 和 vmax。较旧的浏览器不支持这些，如果此功能很重要，您可以使用适当的垫片(请参阅 http://html5polyfill.com/)。