使用JavaScript事件调整窗口大小时,如何调整图像大小?

时间:2018-06-23 18:27:48

标签: javascript dom

我想使用以下方法调整网页中特定图像的大小:

 addEventListener('resize', function(evt){ 

var w = window.innerWidth
var element = querySelector(/*The ID of the element*/).style.width = w})

问题在于,innerWidth / innerHeight属性仅用于返回元素的尺寸,而不能用于语句,函数等中。

任何人都知道如何执行此操作? (请尝试找到不涉及angular / react / JQuery的解决方案,因为我还是一个初学者,并且到目前为止仅使用Vanilla JavaScript。)

1 个答案:

答案 0 :(得分:0)

为元素分配宽度和高度(使用javascript)。

var w = window.innerWidth;
var element = document.getElementById("someid");
element.style.width = w * somepercent;
element.style.height = w * somepercent;

jQuery:

$("#someid").width(somewidth).height(someheight);