Buongiorno al forum. Chiedo aiuto per risolvere un problema di visualizzazione di una pagina html su cellulari. Nella pagina è inserito il seguente codice:
codice:
<meta name="viewport" content="width=device-width, initial-scale=1">
Aprendo la pagina su cellulare posso ridimensionarla con le dita ma vorrebbero che fosse già delle dimensioni dello schermo del cellulare. Mi sembrava che questo codice fosse preposto proprio a questo.
Grazie!!
Ho tolto la parte finale di quel codice e funziona come richiesto. L'unica cosa inspiegabile è che lo slideshow al suo interno che presenta su pc tutte le immagini centrate sia orizzontali che verticali, su mobile le verticali le allinea a sinistra .....
Ultima modifica di pati; 07-03-2019 a 13:34
Per spiegare meglio, nello slideshow ci sono figure di diversa larghezza. Questo è il codice del container:
codice:
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {horizontal-align: middle;}
/* Slideshow container */
.slideshow-container {
max-width: 980px;
position: relative;
margin: auto;
text-align: center;
}
Su pc va tutto bene ma sul mobile le foto che sono più strette si vedono a sinistra. Dove sbaglio?
quando si imposta il viewport è perché si intende utilizzare un layout responsivo. il tuo lo è?
Ciao Vincent.Zeno, al momento si tratta solo di una pagina creata in Dreamweaver per dire che il sito è in arrivo! Questo poi sarà sviluppato in Wordpress
Così com'è la pagina su mobile non mi sembra responsive visto che si visualizza come sul computer ma più piccola. Per il momento andrebbe bene. Le immagini dello slideshow, come dicevo, non si visualizzano tutte centrate....
se "non sembra" a te... significa che non sai cosa stai facendo?Originariamente inviata da pati
stai costruendo un tema per WP?
prima di affrontare il problema dello slider devi stabilire che tipo di layout vuoi costruire.
se vuoi una corretta visualizzazione sia per mobile che per desk non puoi che prevederlo in partenza: con un layout responsivo o attraverso altre tecniche più complesse ormai in disuso.
Ma questa è solo una pagina che poi non servirà. Non farà parte del sito.
se non servirà e non fa parte del sito.... che la fai a fare?
perché dovremmo tentare di risolvere un problema, di cui ancora abbiamo visto poco, e che comunque "non serve"?
Perché serve finché non sarà on line il sito! E quindi deve essere a posto comunque
Permessi di invio
Rispondi quotando
