CSS zoom есть ли аналог?

Question

[Silaev]

У браузеров Chrome, IE, Safari есть замечательное css-свойство zoom оно увеличивает контент в блоке как «зум» браузера (Ctrl-±). Можете проверить усебя набрав в консоли «document.body.style.zoom=»100%"". Так вот вопрос: Есть ли аналог этого свойства для firefox и opera И можно ли устанавливать зум страницы средствами js?

Answer 1

[relic]

Попробуйте следующий код:

var n = 2;
document.body.style.MozTransform="scale(n)"; // для FireFox
document.body.style.OTransform = "scale(n)"; // для Opera

Comments

[Silaev]

Да, спасибо. Единственный минус, как собственно и в zoom это то, что используется CSS3. И еще, что бы выставлять откуда начинать «трансформацию» нужно указывать -moz-transform-origin

[AGvin]

Простите, но чем CSS3 Вам не нравится?

[Silaev]

Поддержкой. Но если применять свойства только как «украшение» контента(не во вред без отмены свойства) то использовать можно и даже нужно.

[UshkiNaMakushke]

zoom работает иначе, чем scale. Допустим у вас блок указан 50% и в нем какой-то текст, то zoom 0.5 уменьшит текст в 0.5 но размер блока оставит прежним, а scale уменьшит и блок и текст

[UshkiNaMakushke]

Аналог zoom — значение в em'ах и изменение фонт-сайза родительского элемента