CSS: преобразование: масштаб() на всей странице размыто для Safari (и MacOS Webview) ⇐ CSS

[Anonymous]

Код: Выделить всё

body {
transform: scale(2.2) scale3d(1, 1, 1) translate3d(0, 0, 0);
transform-origin: 0 0;
width: calc(100% / 2.2);
height: calc(100% / 2.2);
overflow: hidden;
}

При этом вся страница увеличивается в 2,2 раза, что хорошо работает для браузеров Chromium, но размыто для Safari.
Посмотрите разницу ниже. Оба окна браузера имеют одинаковый размер.
Chromium:


Safari:




Подробнее здесь: https://stackoverflow.com/questions/792 ... os-webview