html - 设置与不同属性 ex 成比例，宽度 :10%height

Question

在 CSS 中是否可以按比例设置一个属性到另一个属性？我知道我可以用 java-script 做到这一点，但如果用 CSS 可以做到这一点，我会很高兴。

例如:width:10 % height;

如果没有，还有其他好的方法吗？谢谢你的帮助。

Answer 1

根据 Nenad 的评论，我构建了一个 fiddle https://jsfiddle.net/bv5fLrth/20/

垂直调整它的大小以查看宽度变化大小。

#someDiv {
  width: calc(100vh*0.1);
  height: 200px;
  background-color: blue;
}