Advanced Search

Return to Snippet

Revision: 68606
at January 24, 2015 09:39 by jefferis
Initial Code 
<style type="text/css">
@media only screen
and (max-width : 1024px) {
img {

max-width: 100%;
}  
}
</style>
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
Unlike linked style sheets, it is necessary to enclose CSS in Headers in a "style type".
This example media query is for screens under 1024 (tablets and phones) to make sure the images do not extend beyond the layout.

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
Sample Media Query in html Header

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
css, header, style, query

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
CSS