Problema con sito in versione mobile

[jurij]

Salve a tutti!
Vorrei porvi un problema che mi sta facendo ammattire. Mi spiego...
Ho un template in cui ho messo i contenuti ed è costituito da un'intestazione che prende tutta la larghezza del foglio. Sotto di essa ci sono 3 div affiancati e che hanno larghezza in percentuale (33%). Nella visualizzazione su desktop nessun problema, ma quando vado a installare jtouch per la versione mobile mi succede una cosa che non riesco a risolvere: i tre div si incolonnano uno sotto l'altro (e fin qui tutto ok) ma continuano ad occupare sempre il 33% del display anche se di lato ho ancora molto spazio vuoto. non riesco proprio a capire dove andare a parare per risolvere questa cosa
in ogni caso grazie a tutti

[berry]

è normale che sia così, dovresti fare un css apposito dove fai override della larghezza dei div per le varie risoluzioni dello schermo

[mau_develop]

basta che usi il bootstrap

[jurij]

grazie per le risposte. ma quindi, vedendo anche il numero abbastanza limitato di impostazioni, add on come jtouch sono inutili per quanto riguarda l'ottimizzazione dei contenuti per dispositivi mobili? peccato 

[berry]

se il problema sono solo i 3 div gli assegni una classe e poi nel css del template metti qualcosa tipo questo:

Codice: [Seleziona]

@media (max-width: 767px) {
  .miodiv { width:100% !important;
      }
}

cioè se lo schermo ha una dimensione inferiore ai 767 px (puoi cambiare questo valore a tuo piacimento) i div occuperanno tutto lo spazio

[jurij]

grazie mille. sei stato gentilissimo. appena posso provo ad effettuare la modifica e vediamo che succede