Ciao a tutti.
Avrei bisogno di un'indicazione riguardo alle media queries da usare con gli smartphone.
Ho provato un sacco di impostazioni ma non riesco a trovare quella che funziona.
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen and (max-width: 800px)" <link rel="stylesheet" href="css/style.css" type="text/css" media="screen and (min-width:321px)" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen and (orientation:portrait) and (min-width:321px)" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen and (min-width: 481px) and (max-width: 680px)" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen and (max-width: 480px) and (orientation: portrait)" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="only handheld" />Di queste non ce n'è una che sia una che funzioni.
Ad esempio imposto una pagina html con un div con la proprietà width: 30% su "only screen" e me lo mostra bene, poi lo provo su smartphone e lì lo voglio width: 90%: lo vedo sempre al 30%.
Non so più davvero cosa fare, oltre a quelle indicate sopra ho provato anche altre mille "media=" senza risultato.
Ho paura che sia colpa degli smartphone che ormai hanno una tecnologia molto alta, quindi per indicare un cellulare potrebbe non bastare la sola indicazione 480px o 800px.
Aiutooooo
e grazie.
Ugo
P.S.: l'opzione "orientation:Landscape" non mi serve su questo sito.