Using CSS3 media elements

<link rel=”stylesheet” type=”text/css” media=”only screen and (max-device-width:480px)” href=”mobile.css” />

This will apply to any screen less than or equal to 480px

You then create a mobile.css style sheet that contains all the formatting for your mobile web site.

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 )

w

Connecting to %s