css iphone e ipad

[eddydl]

ciao
uso queste media queries per adattare il mio sito ad iphone ed ipad

@media only screen and (min-width: 480px) { 	/* Wide mobile (480px+) styles go here */ }  @media only screen and (min-width: 768px) {  	/* Tablets/netbooks (768px+) styles go here */ }

purtroppo accade che l'iphone legge le regole Css scritte per ipad. Anche aggiungendo il max-width 767 alla prima non cambia nulla. Cosa sbaglio?
Poichè sono giorni che smanetto mi sorge il dubbio che possa esere dovuto al fatto che la pagina web è codificata in Xhtml 1.0 transitional. Magari non c'entra nulla.

[Simo990]

Ciao, potrebbe essere la keyword only a dare problemi... hai provato a toglierla?

[eddydl]

yes. Intendi rimuovere "only"così

@media  screen and (max-width : 480px) { /* Styles */...

niente da fare. il bello è che sto provando anche con javascript

[Simo990]

Allora prova ad aggiungere questo meta tag

<meta name="viewport" content="width=device-width" />

[eddydl]

niente d afare. Ma è normale questa cosa qui? Cioè è come s enon riuscisse ad interpretare correttamente quale foglio di stile caricare. Ho fatto la prova su due iphone diversi.

[eddydl]

up