search

snate / tecweb_project

tecweb
1 stars 0 forks source link

[CSS] mobile #21

Open snate opened 9 years ago

snate commented 9 years ago

Realizzare il foglio di stile per il layout da dispositivo mobile (e aggiungere i riferimenti alle varie pagine)

grazianogrespan commented 9 years ago

Ditemi se è corretto : Faccio un css separato per il mobile e ci accedo tramite :

 <link rel="stylesheet" media="handheld, screen and (max-width:480px), only screen and (max-device-width:480px)" type="text/css" href="../css/mlayout.css" />

Ho testato e funziona.. bisogna solo vedere se 480px è una larghezza che al di sotto di quella possiamo considerare mobile il dispositivo che accede alla pagina.

snate commented 9 years ago

Yes! Poi basta fare un copia/incolla da quello per desktop e cambiare poche cose! Direi di mettere media = "all" nell'altro così prevediamo tutti i casi e applichiamo il foglio di stile mobile solo nel caso in cui le condizioni di larghezza in px siano soddisfatte! Io lo farei dopo l'altro comunque, però se vuoi cominciarlo vai pure

grazianogrespan commented 9 years ago

:+1: Ottimo! si inizio a fare qualcosa intanto nell homepage.. più che altro volevo sapere anche da voi come era meglio posizionare le 3 località dell homepage nella versione mobile.. Una sotto l'altra? affiancate come sono ora ma più stretti i pannelli? altre idee? come le disponiamo?

snate commented 9 years ago

Io direi una sotto l'altra