Advanced Search

CSS Media Queries

/ Published in: CSS
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. *Method One*
  2.  
  3. @media screen and (min-width : 1200px) {
  4.   /* let's do somethin' */
  5. }
  6.  
  7.  
  8. *Method Two - Import*
  9.  
  10. @import url( small.css ) screen and ( min-width: 1200px );  
  11.  
  12.  
  13. *Iphone Targeting*
  14.  
  15. <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="mobile.css" />

URL: http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-a-crash-course-in-css-media-queries/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.