CODEWITHSUNDEEP
htmlcss
NoRegrets
NoRegrets

Reputation: 31

Zoom out to 90% in Firefox browser does not work using css

Im trying to zoom out my application through css by using 

zoom: 90% !important

It works in IE, Chrome and Safari. But it is not working in Firefox. For Firefox im using :

-moz-transform: scale(0.9);

But it does not seem to work. Can you please help me to achieve zoom out feature in Firefox

Upvotes: 2

Views: 6246

Answers (1)

Ivan
Ivan

Reputation: 40678

This question seems to have been already answered here, here and here.

The zoom property is not supported in Firefox and Opera : see ref

You can use -moz-transform: scale(0.9) but you will not get the same result:

body {
    zoom: 0.9;
    -moz-transform: scale(0.9);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.9);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.9);
    -webkit-transform-origin: 0 0;
    transform: scale(0.9);
    transform-origin: 0 0;
}

Upvotes: 2

Related Questions