Return to Snippet

Revision: 11570
at February 9, 2009 13:18 by johnloy

Initial Code
@import url("screen.css"); 
@import url("antiscreen.css") handheld; 
@import url("antiscreen.css") only screen and (max-device-width:480px);

define a style sheet handheld.css with additional styling for mobile browsers, andlink them in the document as follows:

<link rel="stylesheet" href="core.css" media="screen"/> 
<link rel="stylesheet" href="handheld.css" media="handheld, only screen and (max-device-width:480px)"/>

Initial URL

Initial Description

Initial Title
antiscreen css technique for styling pages for mobile devices

Initial Tags
css, textmate, mobile

Initial Language