js 实现宽高相等随手机屏幕大小改变

让图片随屏幕大小而改变并且保持高宽比例一样 假设一张图片为实际屏幕的50%的宽度，需要高度=宽度，用css是很难完成的，但是用js实现还是挺简单的

//获取元素宽度
var imgWidth = document.querySelector(".productimg").getBoundingClientRect().width;
//获取class数组长度
var imglength = document.getElementsByClassName("productimg").length;
for(var i=0;i<imglength;i++){
    //获取的宽度等于高度
    document.getElementsByClassName("productimg")[i].style.height = imgWidth+"px";
}