2015-12-28 25 views
2

它是否在CSS中按比例设置属性到另一个属性? 我知道我可以用java-script来做到这一点,但是如果CSS有可能,我会很高兴。设置与不同属性ex成比例,宽度:高度的10%

例如:width:10 % height;

如果不是有没有做任何其他的好办法。 感谢您的帮助。

+0

你不能在CSS中做到这一点 – CoderPi

+1

的可能的复制[CSS:使DIV宽度比例高(http://stackoverflow.com/questions/22673008/css-make-div-width-proportional -to-height) – CoderPi

+2

您可以将窗口高度的宽度设置为窗口高度的10%,如下所示:width:calc(100vh * 0.1);'用css –

回答

2

使用雷纳德的评论我建了一个小提琴https://jsfiddle.net/bv5fLrth/20/

重新大小它垂直地看到宽度改变大小。

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