WebSite X5Help Center

 
Giorgio P.
Giorgio P.
User

Design template Photogram per mobile  it

Autor: Giorgio P.
Besucht 1607, Followers 1, Geteilt 0  

Sto riscontrando un problema enorme col template Photogram acquistato e non ne riesco a venirne a capo, chiedo allora il vostro aiuto.

Utilizzando di base il template in oggetto voglio che il sito rimanga sia per desktop che per mobile della stessa risoluzione e quindi adatto il sito a desktop 960px. Il problema che quando lo vado ad esportare le immagini di fondo della homepage collegate allo stile delle righe ed estese alla finestra del browser, su desktop sono perfette, mentre su tablet o smartphone non vengono adattate ma tagliate.  In cosa sbaglio? (visto che sbaglio io il programma è perfetto)

Grazie mille

Gepostet am
5 ANTWORTEN - 1 NüTZLICH - 1 KORREKT
Claudio D.
Claudio D.
Moderator
Nutzer des Monats IT

... come prima cosa dovresti postare il link della tua prova esportata online...

Mehr lesen
Gepostet am von Claudio D.
Giorgio P.
Giorgio P.
User
Autor

è che sto facendo un sito di prova ancora non riesco a linkarlo, il discorso che se vedo il sito da desktop tutto perfetto, da tablet e smartphone le immagine collegate allo stile riga sono tagliate non riesci ad adattarle alla finestra del browser

al momento qui funziona 

www.giorgioperrucci.altervista.org

bisogna che lo provate da desktop e da tablet o smartphone

Mehr lesen
Gepostet am von Giorgio P.
Giorgio P.
Giorgio P.
User
Autor

In questo momento è adattato responsive con 3 breakpoint 960,720,480

Il problema non sono poi piu di tanto i testi che magari si possono un po diminuire di altezza, ma le foto di sfondo che sono agganciate allo stile riga che non credo nemmeno si possano non far visualizzare.

Strano il fatto che comunque anche col template originale non modificato (photogram ripeto) il problema c'e lo stesso. 

Poi altra cosa ma un anteprima alle varie risoluzione non me la fa fare, quindi ogni volta devo esportrare il sito per vedere le modifiche, diciamolo alquanto scomodo.

Mehr lesen
Gepostet am von Giorgio P.
Mirko Boschetti
Mirko Boschetti
Moderator
Giorgio P.
Poi altra cosa ma un anteprima alle varie risoluzione non me la fa fare, quindi ogni volta devo esportrare il sito per vedere le modifiche, diciamolo alquanto scomodo.

quando apri l'anteprima, stringi la pagina del browser e vedi già come si comporta, senza dover esportare ogni volta...wink

Mehr lesen
Gepostet am von Mirko Boschetti
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Giorgio P.
... ... ... se vedo il sito da desktop tutto perfetto, da tablet e smartphone le immagine collegate allo stile riga sono tagliate non riesci ad adattarle alla finestra del browser ... ... ...

... per il ridimensionamento dello sfondo, su alcuni dispositivi obsoleti non funziona il CSS COVER; ...puoi confrontare  questo mio > esempio1  ...sul tuo dispositivo mobile...

... un'idea alternativa sarebbe quella di usare in EXTRA uno sfondo monoimmagine basata su maximage2, come in questo > esempio2  ...che puoi verificare sempre sul tuo dispositivo mobile per vedere se funzionasse o meno correttamente il ridimensionamento...

... se funzionasse, con dei codici da me elaborati, da adattare per lo scopo, si potrebbe usare l'esempio postato per sfondo pagina, sfondo header, sfondo riga, eccetera,  sempre a tutta larghezza...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪