var clientWidth = document.body.clientWidth; var h = (472 * clientWidth) / 1920; var imgs = document.querySelectorAll('.banner-slick .item img'); var frames = document.querySelectorAll('.banner-slick .item'); var banner_h = document.querySelector('.banner-slick'); banner_h.style.height = h + 'px'; for (var i = 0; i < frames.length; i++) { frames[i].style.height = h + 'px'; imgs[i].style.display = 'block'; } });