Combine @media queries to change dynamically css - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Responsive Media

  1. HOME
  2. HTML CSS
  3. CSS Layout
  4. Responsive Media

Description

Combine @media queries to change dynamically css

Demo Code

ResultView the demo in separate window 

<!doctype html>
<html>
 <head> 
  <meta name="robots" content="noindex,nofollow"> 
  <style>
@media  screen and (max-width: 1024px)  {
   thead {<!-- w ww.ja  va2 s. c o m-->
      visibility:hidden;
   }

}
</style> 
 </head> 
 <body> 
  <table id="demoTable"> 
   <thead> 
    <tr id="stayontop"> 
     <th>Lorem</th> 
     <th>Lorem</th> 
     <th>Lorem</th> 
     <th>Lorem</th> 
    </tr> 
   </thead> 
  </table>  
 </body>
</html>

Related Tutorials