При использовании шкалы в Firefox масштабированный элемент получает правильную масштабирование. Проблема в том, что он позиционируется так, как будто он не масштабируется.
Это отлично работает в Chrome и, вероятно, также в IE, Safari и Opera. Эти браузеры поддерживают свойство масштабирования CSS, в котором Firefox не работает. Для Firefox я использую -moz-transform: scale (0.3);.
Это мой CSS:
#overview .page-content {
zoom: 0.3;
-moz-transform: scale(0.3);
}
Это то, что должно выглядеть (как в Chrome):
Это то, что не должно выглядеть (как в Firefox):
Кто-нибудь знает, как это исправить? Или, может быть, обходной путь?