Search code examples
javascripthtmlcsszoomingdefault

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?


Solution

  • 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