2015-12-28 23 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; 
} 
相關問題