7) Media Queries

Media Queries:

  • Have one stylesheet for a large display; provide a different stylesheet for devices with different widths.
  • Create multiple layouts using the same content.
  • Apply different page styling according to certain parameters, like minimum width and orientation.
  • CSS media queries are used to achieve scalability.

Most common recommended pixel min-widths:

  • 320px
  • 480px
  • 600px
  • 768px
  • 900px
  • 1200px

More Information

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s