adattamento pagina

[danylo87]

Salve ragazzi, ho un problema che spero possiate aiutarmi a risolvere... Devo far adattare la mia pagina web a browser diversi a seconda del device utilizzato. Mi hanno gia risposto in questo forum consigliandomi di leggere il responsive web design, cosa che ho fatto. Io ho messo all'interno dell 'head della mia pagina html il codice, ma non mi si ridimensiona come vorrei, faccio un esempio:
<style>
@media screen and (min-width:240) and (max-width:640){
.logo1{

width:30%;

}
@media screen and (min-width:640) and (max-width:1024){
.logo1{
width:50%;
}
}
@media screen and (max-width:1024){
.logo1{
width:100%;
}
}

</style>
quello che non ho capito e come devo mettere il width se voglio visualizzare la home su uno smartphone, come se voglio visualizzarlo su un tablet ecc. spero doi essere stato chiaro e che, sopratutto, qualcuno mi dedichi qualche minuto di sana pazienza... per il momento grazie

[sgogghy]

il @mediascreen non viene visualizzati in tutti i browser.
Ti consiglio di scrivere la tua pagina normalmente (senza i @mediascreen) e di utilizzare le le width in percentuale.
In questo modo a seconda della grandezza della finestra la width si adatterà automaticamente.

[danylo87]

ahhhh ecco cosa intendevano nell'altra discussione! allora dovrebbe essere più facile di quanto sembra? ho capito... cioè se io uso le percentuali la pagina si adatta sia se la apro con uno smartphone sia con un notebook?
grazie