JAVASCRIPT

Scaling elements proportionally using CSS and JQUERY3

$('.box').css('transform','scale(.6)');
console.log($('.box').width())

Scaling elements proportionally using CSS and JQUERY3

.box{
width:100px;
height:100px;
background:#000;
}

Scaling elements proportionally using CSS and JQUERY3

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='box'></div>

Scaling elements proportionally using CSS and JQUERY

let scale = .6;
let w = $('.box').width() * scale;
let h = $('.box').height() * scale;
$('.box').css({'height' : h, 'width' : w})
console.log($('.box').width())