Responsive CSS

/* /////// D E S K T O P //////// */

@media (min-width:801px) {
/* Browser window must be at least 801px wide to get these rules */
}

/* /////// T A B L E T //////// */

@media (max-width:800px) {
/* Browser window must be at most 800px wide to get these rules */
}

/* /////// M O B I L E //////// */

@media (max-width:500px) {
/* Browser window must be at most 500px wide to get these rules */
}


Then, add this to your html page:

<meta name=”viewport” content=”width=device-width”>

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

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