Как заставить свойство zoom работать в фаерфоксе?

Question

[Роман]

Как заставить свойство zoom работать в фаерфоксе?

Answer 1

[A K]

* {
  zoom: 0.5;
  -ms-zoom: 0.5;
  -webkit-zoom: 0.5;
  -moz-transform:  scale(0.5,0.5);
  -moz-transform-origin: left center;
}

Comments

[Роман]

спасибо, ответ самый правильный, но эффект от скейл не тот что от зумм. Мне нужно было уменьшить сайт на 20%. Зум работал идеально, а вот скейл не так. Пришлось переделывать ширину контейнера вручную со всеми элементами.

[A K]

Роман: написал на быструю руку пример, при котором два свойства будут давать одинаковый результат: https://jsfiddle.net/Symphony/htvpobpv/

[Роман]

Symphony: scale размывает шрифт, что заказчику не нравится) та ладно, спасибо, я уже всё сделал)

[A K]

Роман: рад был помочь.

[Мак Алексей]

Роман: а можно скриншот с размытием? у меня вот, текст одинаково выглядит

Answer 2

[Сергей Зеленский]

вендорный префикс -moz-zoom

Comments

[Мак Алексей]

А есть такой префикс?

Answer 3

[Мак Алексей]

Понимаю, что это не ответ на вопрос, но про zoom вообще лучше забыть.

Comments

[Роман]

в моем случае он нужен был, но всё равно не получилось, т.к. закзачик не утвердил фаерфокс. Заказчик утвердил макет ПСД, а потом после верстки ему не понравилось ширина контейнера. Он понажимал у себя в браузере ctrl +\- и ему понравился масштаб в 80%. То самым простым решением было прописать zoom: .8; . Жалко что фаерфокс подвел)

[Мак Алексей]

ИМХО конечно, но используйте препроцессоры, они позволят Вам масштабировать элементы и выдавать готовый CSS

[Роман]

Мак Алексей: с чего вы взяли, что я не использую препроцессоры?) никакие автопрефиксеры не помогут, если нету поддержки ) caniuse.com/#search=zoom

[Мак Алексей]

То самым простым решением было прописать zoom: .8; .

Препроцессором то можно было просто заменить значение в переменной. Опять же у стандартных переменных просто нет поддержки, так бы я их предложил.