HTML CSS examples for CSS Animation:Zoom
Controlling Media Queries based on zoom of browser window
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> body {<!--from www.j a v a 2 s . com--> width:100vw; } .box { width:51px; height:51px; background:Chartreuse; display:none; } @media only screen and (max-width:680px) { .box { display:inline-block; } } @media only screen and (min-width:681px) { .one, .two, .three { display:inline-block; } } </style> </head> <body> <div class="box one"></div> <div class="box two"></div> <div class="box three"></div> <div class="box four"></div> <div class="box five"></div> <div class="box five"></div> </body> </html>