Увеличение под размер монитора translate

(function (){ 
 
function bubu(){ 
let demo = document.getElementById('demo'); 
let coefX = window.innerWidth*0.15/demo.clientWidth; 
let coefY = window.innerHeight*0.15/demo.clientHeight; 
demo.style.transform = 'scale(' + coefX + ',' + coefY + ')'; 
 
//Ненужное демо 
let demo1 = document.getElementById('demo1'); 
demo1.innerHTML =  
'Ширина окна: ' + window.innerWidth +  
', Высота окна: ' + window.innerHeight +  
'<br>Ширина блока: ' + demo.clientWidth +  
', Высота блока:' + demo.clientHeight +  
'<br>Коэфф для scaleX: ' + coefX +  
', Коэфф для scaleY: ' + coefY; 
//конец ненужного 
} 
 
bubu(); 
//Каждый раз вызываем функцию при изменении размера окна. 
window.addEventListener('resize', function(){ bubu(); }); 
})();

#demo {width: 150px; height: 150px; position: absolute; margin: auto; background-color: red; left: 0; right: 0; top: 0; bottom: 0;}

<div id="demo1"></div> 
<div id="demo">123</div>