посмотри пример
- вроде бы всё прекрасно работает
проверь
let адаптировать_размер = function()
{
let ширина_экрана = document.body.clientWidth
if ( ширина_экрана < 1084 )
{
let отношение = ширина_экрана / 1084
главный_контейнер.style.transform = "scale(" + отношение + ")"
}
else
{
главный_контейнер.style.transform = "scale(1)"
}
}
window.onresize = адаптировать_размер
адаптировать_размер()
body {
overflow: auto;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
#главный_контейнер {
width: 1024px;
flex-shrink: 0;
transform-origin: center top ;
}
