Altezza carattere variabile
Autor: Maria Chiara Manici
Besucht 1015,
Followers 1,
Geteilt 0
Ciao a tutti,
come faccio ad imporre al mio sito che l'altezza di un testo non vari in funzione del dispositivo che si usa per visualizzarlo?
Il mio sito viene correttamente visualizzato sia su desktop, PC e Mac che su cellulari Android, ma su iPhone il testo viene ingrandito a tal punto da non rispettare il layout voluto.
Gepostet am
Buongiorno MAria,
prova a comunicarmi il link per il sito o allegare uno screenshot così da poter capire meglio.
Fammi sapere.
Autor
il sito è www.studiodentisticocastiglionimanici.it
Sia nella home (i testi nei rettangoli) che nelle pagine successive (chi siamo e lo studio) ho dovuto inserire i testi come jpg per evitare il disallineamento che avevo con i cellulari.
In realtà, semplicemente inserendo l'opzione "roll over" ma impostando NESSUNO come movimento, è come se disincentivasse il cellulare dal modificare l'altezza.
Buongiorno Maria,
dovresti ritrasformarlo in testo così da poter aprire il sito con un dispositivo mobile e verificare.
Fammi sapere.
Autor
Ciao Riccardo,
ho creato una home provvisoria nascosta
www.studiodentisticocastiglionimanici.it/home2.html
Potrai notare:
1) la prima barra è una casella di testo alla quale ho applicato un'immagine di sfondo;
2) la seconda barra è identica a quella presente nella home ufficiale (ossia è un'immagine che già contiene nel jpg il testo;
3) la terza è identica alla prima ma all'interno di questa ho attivato l'opzione roll over (con nessun movimento ed un'altezza di 350 che è quella dell'immagine al quale deve adattarsi).
La vera differenza la noti aprendo il sito con un dispositivo apple (perchè con android non mi pare dia questo problema). Noterai che la prima barra risulta totalmente NON impaginata perchè l'iphone o ipad aumentano l'altezza del testo rendendolo sicuramente più leggibile, ma inutile ai miei fini.
Io sarei anche disposto a optare per la soluzione 3, ma dovrei trovare i codici HTML per diminuire l'altezza d'interlinea del paragrafo per ottenere comunque un effetto estetico simile all'opzione 2.
Spero di averti fatto capire.
Grazie!
Autor
Ho problemi con gli smartphone anche per la pagina:
www.studiodentisticocastiglionimanici.it/prova2.html
che dovrebbe andare a sostituire la pagina contatti sfruttando le "simple map" di google maps.
Anche qui non si capisce per quale motivo aprendo questa pagina mi debba zoommare in maniera totalmente diversa dalle altre pagine.
Avrò sicuramente sbagliato io qualcosa nell'inserimento del codice html.
Buongiorno Maria,
probabilmente su iphone il testo viene applicato sull'intera cella, puoi quindi applicare la tua soluzione 2 e 3, oppure puoi, invece che usare una sola cella, usarne due.
Devi separare l'immagine di sfondo in due immagini distinte una con il simbolo e una con la bocca. dovrai quindi inserire un oggetto testo a sinistra con il testo per lo stile cella inserisci l'immagine quella con il simbolo. Sulla destra invece puoi inserire un'oggetto immagini scegliendo quella con la bocca.
Potrai infine avvicinare le due immagini azzerando i margini e togliendo i bordi.
Spero di esserti stato utile.
Autor
Ti ringrazio per la risposta.
Anche dividendo i due testi ho visto che mi da problemi.. Pazienza (ci rimetto solo in quanto ad indicizzazione delle parole inserite nel testo che diventa jpg)..
Ho fatto la prova in www.studiodentisticocastiglionimanici.it/prova.html
azzerando bordi, cornici e margini, ma gli iphone non rispondono comunque come vorrei.
Oltre al solito problema delle Styled Maps che portano totalmente fuori controllo lo zoom di pagina.
Ci rinuncio perchè non ne vengo fuori.
Grazie comunque.