Sfondo parallasse differente su chrome e firefox
Autor: Davide T.
Besucht 1462,
Followers 1,
Geteilt 0
Buongiorno a tutti e buona domenica...
Ho un quesito...facendola breve quando visualizzo un mio stesso sito su chrome e su firefox (da android) vedo che su chrome lo sfondo viene.visualizzato ingrandito e non si vede tutta l'immagine, mentre su firefox lo sfondo viene.visualizzato x intero...è x forza una questione di browser o posso fare qualcosa?
Grazie...
Gepostet am
aspettare il prossimo aggiornamento ;-)
@Davide intendi che li guardi entrambi da Android ?
Perchè su Android anche se non con i browser proprietari potrebbe visualizzarsi diverso che da PC ...
...comunque posta il link del sito , per poter verificare...
Buongiorno Davide,
come richiesto scrivici il link del sito così da poter verificare.
Facci sapere.
Autor
Guardate in realtà si vede diverso su android a seconda del browser anche il progetto rosemary di website...comunque ecco il sito semplicewebsite.altervista.org
c'è un modo per vedere lo sfondo nella sua interezza come lo si vede da pc?
In ogni caso su firefox per android si vede molto più di chrome...
Si, è così in effetti... quando inserisci qualsiasi immagine come sfondo prova ad eliminare la funzione "Adatta al contenuto della finestra" tranne se non hai un'immagine ben calibrata e impostata per essere visualizzate perfettamente anche con quella funzione inserita. Ti conviene togliere quella funzione e dovresti risolvere. Metti la funzione "Non ripetere" o qualsiasi altra ma non "Adatta al contenuto della finestra" (vedi foto allegata)...
Ricordati sempre che le immagini devono avere larghezza di 1920pxealtezza variabile in base a quanto spazio in altezza vuoi far occupare all'immagine a seconda delle tue esigenze grafiche.
Autor
Ci provo e ti faccio saper!!!
Autor
Purtroppo il problema è che su chrome non è tanto il fatto che l'immagine di sfondo non si adatti ma non notate anche voi che l'immagine appare ingrandita e sgranata...
Autor
Risolto...praticamente ho seguito inizialmente l'esempio del progetto proposto da website per il parallasse e come in rosemary mettono lo sfondo della home personalizzato nell'unica pagina della home, lasciando vuota la prima fascia in alto dello schermo cosicché s'intravede lo sfondo pagina. Solo che così facendo viene ingrandito su chrome x Android...allora ho tolto l'immagine di sfondo dalla pagina e ho attivato l'immagine con parallasse dallo stile righe...risultato ora l'immagine non appare più ingigantita né sgranata...anche se non mi spiego come possa accadere ciò quando imposto l'immagine come sfondo pagina...
A mio parere tutto dipende dalla funzione che ti ho descritto sopra: "Adatta al contenuto della finestra". Se l'immagine non è sufficientemente grande per adattarsi a tutta la finestra, con quella funzione attivata verrà ingrandita fino ad adattarsi "forzatamente" a tutta la finestra e chiaramentè nell'anteprima risulterà ingrandita e sgranata, che è poi il problema che riscontravi tu.
Ci terrei a sapere se nello stile righe hai attivato o no la funzione "Adatta al contenuto della finestra" anche per capire se era o no quello il problema.
Autor
Sì l'ho fatto ma appunto non avevo un'immagine sufficientemente grande...però a questo punto si può aggirare il problema applicando lo sfondo direttamente dallo stile righe e il problema non sussiste...anche se ancora non mi spiego perché firefox riesce comunque a far visualizzare lo sfondo in maniera adattata senza sgranare e chrome no...
Autor
Comunque sì nello stile righe ho impostato la funzione adatta al contenuto della finestra...
Autor
Non chiudo la discussione perché se qualcuno.mi sa spiegare il problema sarebbe.una.curiosità che trova soddisfazione...più che altro sa più di.bug...
Si, la stessa immagine come sfondo dell'intero sito evidentemente risultava troppo piccola per potersi adattare al meglio con la funzione "adatta al contenuto della finestra" mentre utilizzata in stile righe, dove sicuramente lo spazio da occupare é minore dello sfondo del sito, si adatta bene.
La differenza tra Firefox e Chrome non so spiegarla.
...utilizzano diversi "motori" di rendering della pagina web...
Spiegato su questo articolo , ad esempio...
http://www.simonebaldassin.com/blog/i-motori-di-rendering-72.html
e qui
https://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML)
... per il motivo di preciso non saprei, ma è emerso che su alcuni dispositivi obsoleti il controllo resize ratio con CSS non funzioni correttamente a secondo del browser usato...
... in alternativa, controlla come si vede sui tuoi dispositivi "mobile" > questa immagine (510x340)!...
... se funzionasse correttamente, allora sarebbe possibile implementarlo come qualsiasi tipo di sfondo in EXTRA con il mio semplicissimo metodo del DIV_CUSTOM+IFRAME; un copia/incolla; ...l'immagine è realizzata con maximage2, e nel caso puoi anche documentarti nel loro sito sul come ottenerla...
.
.
Autor
Leggermente sgranata...
... certoooo! ...ti avevo messo anche le misure originali; ...il peso 22 KB! per completezza...