Advanced Search

antiscreen css technique for styling pages for mobile devices

/ Published in: Other
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. @import url("screen.css"); 
  2. @import url("antiscreen.css") handheld; 
  3. @import url("antiscreen.css") only screen and (max-device-width:480px);
  4.  
  5. define a style sheet handheld.css with additional styling for mobile browsers, andlink them in the document as follows:
  6.  
  7. <link rel="stylesheet" href="core.css" media="screen"/> 
  8. <link rel="stylesheet" href="handheld.css" media="handheld, only screen and (max-device-width:480px)"/>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.