Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Make default zoom css

So my problem is fairly simple. When I started to develop my website my default zoom level on my Firefox browser turned out to be, well, less than 100%. (Maybe 70%) Which means that what I have designed so far is actually in zoomed out mode, which in turn means that my users or web visitors will see something that looks very zoomed in when they look at it with 100% mode. This can easily be solved by holding Ctrl and scrolling you mouse wheel twice. Obviously though I can't encourage people to do that.

So,

Is there some function or property in either HTML, CSS or Javascript than can set the default zoom level to zoomed out?

like image 915
KnasScripter Avatar asked Dec 04 '25 15:12

KnasScripter


2 Answers

I would highly recommend to create your website again !!!

Does it help ?

body { zoom: 3; -moz-transform: scale(3); -moz-transform-origin: 0 0}

Reference

like image 138
Jashwant Avatar answered Dec 07 '25 03:12

Jashwant


Chrome can display initial zoom levels such as

HTML { 
zoom:90%;
}

which would by itself zoom the entire page not the initial browser zoom level, this works like scaling, but it's not compatible with either firefox or safari or my guess. The rest of explorers.

GL

like image 37
Gabriel Balsa Avatar answered Dec 07 '25 04:12

Gabriel Balsa



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!