Ciao

Sto mettendo un 'immagine tramite i css all'interno come testata del sito, sul web si vede ma sullo smartphone mi viene tagliata :


Nell'HMTL ho inserito i seguenti campi:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<link href="css/style.css" rel="stylesheet" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
</head>
<body>
<!--Blocco testata-->
<div id="testata">
<!-- -->
</div>
...
...
</body>
</html>




mentre nel file css questo :


#testata {
width:100%;
height: 411px;
background-repeat: no-repeat;
background-position: center center fixed;
background-image: url('../img/testata.gif');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


vorrei che l'immagine venga visualizzata completamente e non tagliata


Grazie Gennaro