Advanced Search

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
                                        

                                    

                                    
Other