antiscreen css technique for styling pages for mobile devices


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



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.