Масштаб элемента CSS на -50% без перемещения его из исходного местоположения. ⇐ Html

[Anonymous]

Я пытаюсь уменьшить весь элемент на 50 %, сохраняя при этом то же соотношение 1:1. Однако всякий раз, когда я использую

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

transform: scale(0.5);

Элемент смещается вниз и вправо. Я не могу понять, как реализовать это 50%-ное уменьшение масштаба, не заставляя рассматриваемый элемент перемещаться из исходного положения.
Когда я использую

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

transform: translate(0, 0);

с помощью вышеупомянутого метода масштабирования он сводит на нет эффект уменьшения размера.
Я бы предпочел решить эту проблему без каких-либо хаков с отрицательным запасом, поскольку это должно отображаться на нескольких разных устройствах. Любой совет будет принят с благодарностью. Заранее спасибо за вашу помощь.

Подробнее здесь: https://stackoverflow.com/questions/626 ... l-location