1. Ustawienie szerokości strony na stałą wartość
Najprostszy sposób to określenie maksymalnej szerokości i wyśrodkowanie treści:

body {
    max-width: 1200px; /* Ustal stałą szerokość */
    margin: 0 auto; /* Wyśrodkowanie strony */
}

2. Zablokowanie skalowania w meta viewport
Jeśli używasz meta viewport, możesz ustawić, aby strona nie rozszerzała się poza określoną szerokość:
<meta name="viewport" content="width=1200, user-scalable=no">
To sprawi, że strona będzie zawsze miała szerokość 1200px i nie będzie dostosowywana dynamicznie.

3. Zastosowanie kontenera o stałej szerokości
Jeżeli chcesz, aby strona była zawsze wyśrodkowana, możesz użyć kontenera:
.container {
    width: 1200px; /* Ustalona szerokość */
    margin: 0 auto; /* Wyśrodkowanie */
}
W HTML:
<div class="container">
    <!-- Cała treść strony -->
</div>

4. Użycie transform: scale() dla całej strony
Jeśli chcesz, aby strona była zmniejszana zamiast rozszerzania, możesz użyć transform: scale():
body {
    transform-origin: center top;
    transform: scale(1);
}
Aby dynamicznie dostosowywać scale(), możesz dodać kod JavaScript:
window.addEventListener("resize", function () {
    let scale = window.innerWidth / 1200; // 1200 - Twoja docelowa szerokość
    document.body.style.transform = `scale(${Math.min(1, scale)})`;
});