Skala CSS w lewym górnym rogu

Udało mi się „rozwiązać” mój problem.
Oto, czego próbowałem:

• W CSS pokazanym w pytaniu zmieniłem

  html

  na

  body

  :

  body { zoom: 1.4;/* Old IE only */ -moz-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); transform-origin: top center; margin-top: 5px;}

• Zmieniłem

  transform-origin: top left

  na

  transform-origin: top center

  .
• Zmieniłem również CSS mojego elementu div kontenera, aby był wyśrodkowany.

To częściowo rozwiązało problem, ponieważ był dobrze wyśrodkowany na stronie.
Jednak część górnej strony nadal nie jest wyświetlana poprawnie. Aby to naprawić, dodałem

margin-top

do mojego

body

.

Wiem, że to pytanie ma już 3 lata, ale właśnie się na nie natknąłem. Przyczyną nieprawidłowego umieszczenia transformacji jest to, że oryginalne parametry transformacji są w przeciwnym kierunku i dlatego są ignorowane. To jest „transform-origin: x-axis y-axis”, więc musisz mieć „transform-origin: left top”, a nie „transform-origin: top left”.

zoom: 1.4; 

-moz-transform: scale(1.4);

-webkit-transform: scale(1.4);

Skalowanie przycina zawartość. Skaluj do 0,4, renderuje się poprawnie.

zoom: 0.4; 

-moz-transform: scale(0.4);

-webkit-transform: scale(0.4);