这是我的JavaScript代码:
a.width = a.width ? a.width : 640;
a.height = a.height ? a.height : 360;
我怎样才能使640px和360px的百分比呢?我希望它们都是窗口大小的70%。
最佳答案
如果container
的element
已经指定了大小,则可以在CSS中简单地使用百分比。例如:
.#my-el {
width: 70%;
height: 70%;
}
<div id="my-el"></div>
但是,如果由于某种原因必须使用JavaScript,则可以执行以下操作:
el.style.width = Math.round(document.documentElement.clientWidth * .70) + 'px';
但是,您可能必须使用更复杂的方法来确定跨浏览器支持的视口大小,但是已经回答了这个问题。