在JavaScript中将宽度和高度设置为百分比

Question

这是我的JavaScript代码：

a.width = a.width ? a.width : 640;
a.height = a.height ? a.height : 360;

如何制作640px和360px百分比呢？我希望它们都是窗户大小的70％。

Answer 1

如果container的{​​{1}}已经指定了大小，那么您只需在CSS中使用百分比即可。例如：

element

但是，如果由于某种原因必须使用JavaScript，则可以执行以下操作：

.#my-el {
    width: 70%;
    height: 70%;
}

<div id="my-el"></div>

但是，您可能必须使用更复杂的方法来确定跨浏览器支持的视口大小，但此问题已得到解答。

Answer 2

百分比是relative值。

你需要有像screenWidth（假设）1240px这样的相对值，这样你才能获得该值的百分比。

实施例

var pixels = 100;
var screenWidth = window.screen.width;
var percentage = ( screenWidth - pixels ) / screenWidth ; // 0.92%