Come "adattare" immagini in sfondo righe su browser mobile 
Autore: Francesco C.
Visite 789,
Followers 1,
Condiviso 0
Salve, ho impostato e modificato (personalizzandole) delle immagini di sfondo in "stile righe" basandomi sul layout desktop. Alle risoluzioni smartphone, ovviamente le immagini vengono tagliate lateralmente vanificando le personalizzazioni apportate.
Per quanto riguarda il layout desktop, il risultato è quello che cercavo, tutto bene.
Per il layout smartphone vorrei poter "adattare le immagini" per avere un risultato almeno "simile" alla versione desktop.
QUI Ad inizio pagina, l'agenda con il "logo" visibile su Desktop, da smartphone (risoluzioni basse) non è visibile.
QUI A fine pagina, a destra, la penna, lo smartphone, il portafoglio e il laptop non sono visibili.
Avete cosigli?
Postato il
Autore
Sto facendo varie prove e forse ho risolto/risolverò modificando la risoluzione delle immagini da 16:9 a 4:3.
Aggiornerò a breve i risultati delle prove.
Rimane però una cosa che non capisco. Io imposto un bordo inferiore alle immagini di sfondo in stile righe che viene riprodotto correttamente solo in layout desktop e tablet, nel layout smartphone il bordo viene eliminato. C'è un motivo? Posso evitare che ciò accada? Il bordo in tinta rende più "accattivante" lo stile e spezza i colori del sito (vedi allegato/screenshot).
Aspetto vostre, grazie.
all'ultimo breakpoint alcuni effetti vengono automaticamente disattivati dal programma...
come ad esempio certi stili alle celle (bordi etc...)
quindi o aggiungi un breakpoint basso , ad esempio 320 ... per avere quindi solo la mancanza di quegli effetti al di sotto...
oppure usi codici extra (CSS) per aggiungere i bordi etc...