Responsive - google calendar e oggetto dinamico 
Autor: Tamara L.
Besucht 1437,
Followers 1,
Geteilt 0
Buon giorno,
ho un problema con il responsive di una pagina del sito internet (che per ora ho tenuto nascosta). Per quanto riguarda il sito in versione desktop non c'è problema, però aprendolo da cellulare, i contenuti non stanno dentro allo schermo e non si adattano alla larghezza. Nell' Iframe di Calendar ho inserito width="95%" .... c'è qualche altro passaggio da fare per rendere entrambi gli oggetti responsive?
La pagina è di prova. il link è questo:
Gepostet am
... il calendario è regolare...
... hai inserito una immagine di misure poco adatte, 1366x510...!...
... per rendere elastica l'immagine devi assegnare la larghezza al 100%, e lasciare vuoto il campo altezza...
... penso che l'oggetto dinamico debba comprendere tutte le celle della riga per adattarsi a regola...
.
... in EXTRA per l'immagine potresti provare questo codice prima della chiusura di /HEAD:
<style> #dynObj_15_03 img {width:100% !important; } </style>
.
Autor
ok per l'immagine troppo grande.. ma per quando riguarda il calendario da telefono mi mancano dei giorni... allego foto
Per il calendario devi fare la stessa cosa che ti ha detto KolAsim per l'immagine "... per rendere elastica l'immagine devi assegnare la larghezza al 100%, e lasciare vuoto il campo altezza..."
... non posso valutare, con il mio Vista+Firefox vedo la pagina un po' pasticciata, e forse! non hai assegnato altezza adeguata alla riga e/o cella contenente l'iframe...!...
... anche il codice iframe è errato; ...la forma corretta potrebbe essere questa:
<iframe src="https://calendar.google.com/calendar/embed?src=voi43jgloapaimssg29qnbpr1g%40group.calendar.google.com&ctz=Europe%2FRome" style="position:absolute;top:0px;left:0px;border: 0" scrolling="no" width="100%" frameborder="0" height="600"></iframe>
.