Problemer med Media queries
HejJeg er total begynder på Media queries. Jeg kan ikke se hvor min fejl ligger.
Jeg har lavet et simpelt eksempel som I kan se nedenfor.
I min media queries har jeg skrevet max-width:1000px;. Jeg vil gerne have det til at virke på min telefon og troede derfor at jeg kun skulle skrive 320px. Men når jeg skriver max-width:320px; så virker tylesheetet ikke (baggrunden bliver ikke blå)
Er der nogen der kan se hvad det er jeg har skrevet forkert.
(Nedenstående er den kode jeg har brugt i mit eksempel)
<!doctype html>
<!--[if lt IE 7 ]> <html class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html class="no-js ie7 css3"> <![endif]-->
<!--[if IE 8 ]> <html class="no-js ie8 css3" > <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Titel</title>
<meta name="title" content="NJN-Consult - Sparring til industrien">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="INDEX,FOLLOW,ALL">
<meta name="author" content="" >
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="scripts/modernizr.js"></script>
<!--<script type="text/javascript" src="/scripts/common.js"></script> -->
<style>
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 1000px) {
/*Hvis skærmen er mindre end 320px ville dette css blive brugt*/
body{background:red;}
}
</style>
</head>
<body>
<div class="wrapper">
Her kommer indhold
</div>
<footer>her er footer</footer>
</body>
</html>
