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