Adatta al contenuto della finestra" NON FUNZIONA 
Author: Mauro I.Sottopongo alla tua attenzione un problema direi molto GRAVE e SERIO per me e da cui non riesco più ad usccirne:
Domande: cosa significa " Adatta al contenuto della finestra"
Ti allego file "snervante.JPG" per aiutarmi a risolvere questo snervante problema.
Come vedrai l'immagine se "Adatta al contenuto della finestra" è stato selezionato... NON FUNZIONA.... nel senso che anzichè adattarsi in modo Responsive alle varie tipologie di Smartphone, tablet, su iPad assume comportamenti diversi da quelli di Android... Su iPad li apre sfocondoli e mettendo solo dei particolari poi l'immagine... uno porcheria... SI ALLARGA in modo spropositato...
Ho seguito i vari suggerimenti nel Forum come sai, ho inserito il codice rilasciato da ....
e l'ho inserito nella SEZIONE ESPERTO così :
<style>#Div_CustomK { z-index:-1;position:absolute;top:0px;left:0px;margin: 0; padding: 0;width:100%;height:100%; min-width:480px;background-image: url('/changeall.it/images/img-bg.jpg');} .resize { background:no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} </style>
Ma su Android va bene... su iPad non va bene... mi prende solo il blocco superiore della Pagina..
Vedi il sito: www.changeall.it
Per favore provalo sia in Android che iPad e noterai comportamenti assolutamente diversi ...
Aiutami a risolvere definitivamente questo prblema per favore. Grazie
E' una questione vecchissima dovuta ad una "non corretta" interpretazione di alcuni parametri da parte dei sistemi iOS. Puoi leggere un approfondimento qui: http://www.venetoformazione.it/blog/problemi-visualizzazione-iphone-ipad/
e nello stesso articolo l'autore ti dà una soluzione per risolvere quel problema. io consiglio di NON usare la funzione "Adatta al contenuto della finestra" perchè, se non inserisci una "toppa" come suggerito nell'articolo, avrai sempre quel problema delle immagini che vengono ingrandite a dismisura su iOS facendoti vedere solo una parte dell'immagine e per di più sgranata. Ciao
Crea un'immagine di 1920 px di larghezza e inserisci quella senza la funzione "Adatta al contenuto della finestra", imposta la funzione "Non ripetere" e si vedrà bene. Ciao
@Giuseppe, glielo avevi già consigliato...
https://helpcenter.websitex5.com/en/post/161755#comment24
@Mauro, avevi provato ?
Ah si? Non ricordavo... Grazie Claudio
... non posso verificare con i dispositivi con la i(!!!) ... e di cui non ne conosco eventuali problemi...
... però, ad "occhio e croce", ... credo cha hai sbagliato a dichiarare l'immagine di sfondo controllata dal mio codice...
... invece di usare come hai fatto:
url('/changeall.it/images/img-bg.jpg')
...prova con uno di questi due:
A): url('http://www.changeall.it/images/img-bg.jpg')
B): url('images/img-bg.jpg')
... ho prodotto un clone istantaneo, non attivo al 100%, ma con la mia modifica, sui dispositivi non obsoleti, pare che lo sfondo funzioni a regola...
... >>> VEDI ...
...
... visto che puoi, verifica sui dispositivi i(!) ...e se su questi non funzionasse, allora devi trovare escamotages nel loro ambiente, o integrarvi un browser meno obsoleto di quello in uso, come per esempio chrome che va un po' ovunque...
.
Author
Grazie sempre per la Vs. attenzione! Ma :
continuo a ribadire il mio "NON FUNZIONA"
Eccovi in pratica tutte le Schermate (screenshots) che portano ad un risultato non previsto.
Se provo da "ANTEPRIMA" tutto sembrerebbe OK!
Ma di fatto dagli screenshots che ALLEGO (file ZIP) vi accorgerete di cosa viene visualizzato in sequenza nei dispositivi
Sul PC (windows) --->> file IMG_PC sembrerebbe tutto perfetto ma... segue... il disatro...
Sul Asus Android -->> file IMG_ASUS
Sul Huawei Android -->> file IMG_Huawei
Sul iPAD iOS -->> file IMG_iPad
-
Vi elenco le semplici Operazioni eseguite:
Inserito il Codice suggerito da KolAsim (ho corretto la tua perfetta path) :
Prima della chiusura del Tag Head
<style>#Div_CustomK { z-index:-1;position:absolute;top:0px;left:0px;margin: 0; padding: 0;width:100%;height:100%; min-width:480px;background-image: url('http://www.ducasette.com/images/A2.jpg');} .resize { background:no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} </style>
-
prima della chiusura del Body:
<div id="Div_CustomK" class="resize"> </div>
-
In Proprietà Pagina Sezione Grafica :
Disposizione ( 1 - Non ripetere ) ------------------>>> ( OK Claudio ? )
Immagine di Sfondo Fissa ( sflaggato)
Dimensione Immagine con LARGHEZZA 1920 px. ------------------>>> ( OK Claudio ? )
-
Adesso ditemi, vi ascolto e le provo tutte...
ma veniamone a capo...
Cosa sbaglio ?
Grazie a tutti indistintamente !
Buongiorno Mauro,
per quello che riguarda il codice esterno che hai inserito purtroppo non posso aiutarti e può interferire con WebSite X5.
Il mio consiglio è prima di rimuoverlo verificando che il sito si veda correttamente e poi reinserirlo per verificare se è quello il problema. Potrebbe infatti dipendere da del codice non interpretato correttamente da sistemi iOS.
... purtroppo non ho di quei dispositivi per poter verificare, ...ma non ho capito se lo sfondo del mio esempio postato prima nel precedente post funziona o no sui tuoi dispositivi...
.
Author
Scusate, ma dalle vostre risposte, sono certo che non avete neanche aperto gli screenshots allegati.
Infatti da quest, vi accorgereste che NON FUNZIONA neanche sui dispositivi Mobile ANDROID e iOS.
Grazie amici... non ho risolto ancora nulla !
KolAsim se anche tu provi da un tuo Mobile qualunque (anche Android) noterai che questo tuo link:
http://www.kolasim-zone.it/trash/marco_sfondocustomk.html
non va neanche questo su Mobile.... su Pc Windows è perfetto...
Grazie.
Si, sul mio smartphone non si vede nessuno sfondo impostato da Kol sul suo esempio.
Author
Infatti come vedi Kol...
Adesso creo immagine 1920 px. come propone Giuseppe Guida nei suoi post precedenti e Vi tengo aggiornati con gli Screenshots... nelle varie versioni Mobile...
A dopo !
... effettivamente non funge, era sul clone del sito di un utente...
... prova a vedere e verificare questi due esempi che mi trovo da vecchi esperimenti:
http://www.kolasim-zone.it/supersfondok/sfondoiframefull.html
http://www.kolasim-zone.it/supersfondok/immaginesfondoratio1.html
.
Author
Grazie lo stesso Kol... grazie veramente... adatta in qualche modo il 1° dei 2 link...
Ma come sai ti rispondo con assoluta sincerità, ponendoti una domanda quasi ovvia:
"Perchè Incomedia dopo anni NON TOGLIE la dicitura "Adatta al contenuto della Pagina" visto che
NON FUNZIONA ?
Grazie Kol.
... ciao, e grazie per il test...
... per la domanda, come hai visto dai miei link che sono su pagine html neutre, non dipende dal programma ma da certi dispositivi obsoleti o dotati di browser obsoleti; sui miei mini tablet di fascia economica, vin10 edge ed android default/chrome funzionano come su PC...
... adesso io non ho il programma per verificare, ma nei dispositivi "mobile", sarebbe meglio escludere lo sfondo, oppure far in modo che se ne imposti uno ridotto ad hoc per lo scopo...
... nel caso, gli esperti che possano provare, potrebbero dirti di più...
bye
(... ci sarebbe un procedimento che mi ero inventato nei tempi che furono in ambiente SwishMax, forse adattabile via JS, ...ma attualmente non sono in condizioni di riprenderlo, ...e poi sarebbe sempre da vedere su quei dispositivi i(!)...)
.
Buongiorno Mauro,
ho verificato e la funzione si comporta correttamente, dipende sempre dal dispositivo utilizzato e dal browser.
Prova a comunicarmi la versione di ios e del browser usato, inoltre prova anche con un progetto nuovo con un template vuoto con solo l'immagine così da fornirmi un link senza codici esterni.
Fammi Sapere.
Author
Gentile Riccardo, hai avuto la capacità di farmi sentire "rintronato"...
Eccoti il link con "PROGETTO NUOVO" come da te richiesto:
"http://www.changeall.it/furio/"
Utilizzo Huawei con Android, ASUS con ultima versione Android, iPad con iOS ultima versione, Desktop con Windows 7
Browser utilizzato Google Chrome da tutti i dispositivi ( anche Safari su iPad )
con risultati analoghi.... cioè NON FUNZIONA.......
Grazie Riccardo per la pazienza ( che abbiamo)
Buongiorno Mauro,
nel tuo sito hai inserito l'immagine come sfondo della riga settando l'opzione "adatta la contenuto della finestra"?
Provando con un progetto nuovo l'immagine viene correttamente ridimensionata.
Prova ad allegarmi questo progetto .iwzip di prova così da vedere come mai a te non succede.
Fammi sapere
Author
Ok Riccardo, sono nelle tue mani..
In allegato il Progetto Prova.
Ciao e grazie sempre. Aspetto tue dritte.
Author
Riccardo scusa ma l'allegato ? è stato inviato ? Rieccolo...
Author
Forse è meglio zippare il file Progetto...
In allegato Eccolo.zip... forse... non mi allega...
... non c'è nessun allegato...
... se è pesante, e per portarti avanti, usa > WeTransfer, .. e posta il link di condivisione ...
.
Author
? Allega o no ? Scegli file... Eccolo.zip... Invia risposta.... e NULLA ?
...come suggerito da KolAsim , mettilo su Wetransfer , poi posti qui il link ....
se è più grande di 1Mb qui non puoi metterlo...
Scusa ma Wetransfer serve proprio a quello, per trasferire file grandi !
...se qui si postassero file enormi sarebbe un pasticcio ...
Ho nascosto il link , per la privacy , così può vederlo solo lo STAFF ...
Author
Scherzavo... ovviamente..
Scusate !
Buongiorno Mauro,
grazie del progetto, hai settato l'effetto parallasse. Questo effetto fa si che l'immagine stia dietro alla pagina ma, per far si che l'effetto risulti di una immagine fissa dietro, occorre che sia calcolata secondo la sua grandezza e quella della pagina.
Se abiliti l'effetto l'immagine non si riduce ma rimane dietro avendo un effetto di scroll diverso da quello della pagina.
Se togli l'effetto parallasse vedrai che l'immagine si ridimensiona. Se lo attivi l'immagine prende come grandezza la lunghezza dell'intera pagina e del sito e non della finestra.
Su mobile essendo la pagina molto lungha visto che gli oggetti sono incolonnati l'immagine viene calcolata su una altezza molto alta.
Inoltre prova a settare l'allineamento al centro così da averla centrata. e prova anche con un'altra immagine.
Spero di esserti stato utile.