问题
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?
回答1:
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
回答2:
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
回答3:
Thanks Gabriel Balsa, Note that this does not work with firefox
html{
zoom: 60%;}
回答4:
Nop, you can't. That's a browser feature.
来源：https://stackoverflow.com/questions/11231678/make-default-zoom-css