media query e dispositivi mobile

[Angelo82]

Ciao ragazzi.

Sto cercando di creare siti ottimizzati per piattaforme mobile

e come inizio per vedere il suo funzionamento sto utilizzando le media query dei css3
Però probabilmente sto operando in maniera errata allora...

<link rel="stylesheet" media="screen" href="main.css" />
<link rel="stylesheet" media="handheld" href="main2.css" />

qui ho creato le due condizioni che "dovrebbero" esser corrette, poi...nel main.css ho inserito


body {
background: yellow;
}


mentre nel main2.css


body {
background: red;
}
quindi molto molto semplice

però anche su piattaforma mobile (sto usando un emulatore però consigliato sempre da html.it) lo sfondo è sempre di colore giallo non riconoscendo la piattaforma mobile.

Sicuramente è errata la maniera in cui ho agito e quindi in parole povere...come si fa?

grazie in anticipo

[giova95]

Beh, se hai fatto veramente come hai scritto non mi resta che pensare al fatto che sia l'emulatore che sbaglia.
Per non rischiare di farsi fregare da banalità prova a tirare via le "/" alla fine dei tag link...
Intendo dire che questo codice:

<link rel="stylesheet" media="screen" href="main.css" />
<link rel="stylesheet" media="handheld" href="main2.css" />

Devi modificarlo in questo:

<link rel="stylesheet" media="screen" href="main.css">
<link rel="stylesheet" media="handheld" href="main2.css">

Se non funziona allora mi rimane il forte dubbio che sia colpa dell'emulatore.

[Angelo82]

Intanto grazie 1000 per la risposta

Eh nemmeno così funziona ed in effetti la cosa mi sembrava strana visto che le media query esistono proprio per riconoscere i vari dispositivi e realizzare template a doc

Sicuramente sarà l'emulatore che non lo legge...anche se...ho provato a navigarci in alcuni siti che hanno creato la versione apposita per mobile e la visualizza in maniera corretta...e a parte quella delle meda query non so che tecnica si stata usata.

[ac_socmel]

per quanto ne so io media-type (quello che usi tu) è differente da media-query

[Angelo82]

che io sappia quello è sempre uno dei metodi per dichiarare una media query

cmq sia ho usato anche in alternativa

@media handheld{
/* regole CSS */
}


ma non va lo stesso

(ripeto sull'emulatore) appena posso provo sul dispositivo mobile

[ac_socmel]

mi linki l'emulatore così provo una mia pagina?

[Angelo82]

Ecco qui il link dell'emulatore