html Пропорциональноеизмененияразмеровблока

Posted 2021-05-10

<div id='table'></div>

<style>
  #table {
    width: 100%;
    max-width: 1024px;
    min-width:424px;
    height:770px;
    position: relative;
    margin: 0 auto;
    border: solid 1px red;
}
</style>

<scripts>
  var k = 1024/770
$(window).resize(function(){
    $('#table').height($('#table').width() / k);
});
</scripts>