Mobile

Mobile postato il 14/03/2015 16:23:42 nel forum programmazione, open source e hosting

Vorrei rendere gdr mobile.

Ho provato usando il viewport in questi modi:
impostandolo a 480

<meta name="viewport" content"width=480">

Impostandolo con auto device

<meta name="viewport" content"width=device-width">

usando lo scale(con e senza device-width)

<meta name="viewport" content"width=device-width, initial-scale=1.5">

Anche nel css in questo modo:

<style>
@media screen and (max-width:480px){

@viewport{
width:400px;
}
}
@media screen and (min-width:481px){

@viewport{
width:device-width;
}
}

</style>

purtroppo però nel mio s5 si vede solo la parte del menu laterale senza possibilità di movimento a parte lo zoom in questo caso inutile.

Avete qualche consiglio utile, è un argomento interessante secondo me un po per tutti

14/03/2015 16:58:26

Usi codice proprietario tuo o qualche OS?

16/03/2015 09:54:00 e modificato da pamela4e il 16/03/2015 10:00:01

Diciamo che sto giocando con un insieme di cose, di cui la struttura principale e gdrc e qualche menu è di un altro sistema sempre con licenza come la vostra

16/03/2015 12:27:06

Se usi la struttura del gdrcd come base una delle cose da stare più attenti se si vuole farla funzionare bene con i disposifivi mobili, è modificare il posizionamento del frame centrale da static ad absolute (lo stetic era stato usato inizialmente per una retrocompatibilità con alcuni browser che ora non è praticamente più necessaria) perchè quello static fa grossi casini per lo zoom

16/03/2015 14:15:24 e modificato da pamela4e il 17/03/2015 11:21:16

sinceramente ho cercato nei vari css ma non ho trovato static. riusciresti a darmi qualche linea guida ?

Oltre tutto ho guardato anche nella cartella layout position è già impostato su absolute

17/03/2015 11:29:00

il css del layout di base si trova nella cartella layouts nel file con il nome del layout che stai usando tipo left-right_frames.php.

Il file funge sia da css sia da html del layout in base a come viene richiamato.

dentro il file troverai una definizione del css così o simile:

#maincontent{
position: fixed;
top: 0;
left: 210px; /*Set left value to WidthOfLeftFrameDiv*/
right: 215px; /*Set right value to WidthOfRightFrameDiv*/
bottom: 0;
overflow: auto;
}

Quel fixed assieme a questo hack per IE6->IE9:

* html body{ /*IE6/IE9 hack*/
padding: 10px 215px 10px 210px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

era usato per retrocompatibilità con i vecchi broser nel creare un layout del genere.

Con ormai tutti i browser moderni non è necessario quel tipo di layout, anzi in questo caso da prove fatte il fixed crea problemi con la visualizzazione della land in dispositivi come tablet e smartphone con possibilità di zoom, e andrebbe sostituito con un position:absolute, che ormai viene visualizzato correttamente su ogni browser

17/03/2015 11:36:17 e modificato da pamela4e il 17/03/2015 11:55:38

Quindi l hack per ie lo elimino e cambio il valore giusto?
___
Aggiornamento:

Ho messo tutti gli hack ie sotto commenti così non partono e ho impostato absolute su tutti i position e ho aggiunto il viewport

<meta name="viewport" content="width=device-width">

purtroppo niente ancora 1 / 4 di sito visto in verticale mi da senza possibilità di muoversi