html - Trying to get a website to zoom 120% when screen resolution is greater than 1600px -
i'm working on website, , asked me if possible zoom entire website when has screen width of 1600px or greater.
now i've tried css3 , media queries, , i've read lot on internet, can't seem work.
this media query i've created in css.
@media screen , (min-width:1600px) { * { zoom: 500%; }
anybody got idea?
try this:
@media screen , (min-width: 1600px) { body { /* webkit browsers */ zoom: 120%; /* moz browsers , since there no support "zoom" */ -moz-transform: scale(1.2); -moz-transform-origin: 0 0 } }
here snippet:
@media screen , (min-width: 1600px) { body { /* webkit browsers */ zoom: 120%; /* moz browsers , since there no support "zoom" */ -moz-transform: scale(1.2); -moz-transform-origin: 0 0 } }
<div>this going big when width minimum 1600px</div>
Comments
Post a Comment