O'Reilly logo

WordPress Responsive Theme Design by Dejan Markovic

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Techniques in RWD

RWD consists of three coding techniques:

  • Media queries (adapt content to specific screen sizes)
  • Fluid grids (for flexible layouts)
  • Flexible images and media (that respond to changes to screen sizes)

More detailed information about RWD techniques by Ethan Marcote, who is the person who coined the term Reponsive Web Design, is available at http://alistapart.com/article/responsive-web-design.

Media queries

Media queries are CSS modules, or as some people like to say, just a conditional statement, which tells the browsers to use a specific type of style, depending on the size of the screen and other factors, such as print (specific styles for print). They are here for a long time already, as I was using different styles for print in 2002. ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required