Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Viewport meta tag for desktop browsers?

My client is asking me to reduce size of current website for desktop browsers by 30%.

is there a css or meta tag to do it like viewport meta tag on a mobile browser?

like image 434
Moon Avatar asked Jan 24 '11 21:01

Moon


1 Answers

Hmmm... I know this is an old question, but there is a MUCH better way to go about this: use the CSS scale() transform function on the <html> tag to scale EVERYTHING inside. Check out this jsFiddle: http://jsfiddle.net/mike_marcacci/6fMnH/

The magic is all here:

html {
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    width: 200%;
    height: 200%;
    margin: -50% -50%;
}
like image 149
Mike Marcacci Avatar answered Sep 21 '22 18:09

Mike Marcacci