"responsive" oggetto dinamico
Autore: Beat G.
Visite 882,
Followers 1,
Condiviso 0
ciao sul sito
www.leparrocchie.ch/orari-messe-losone.php
é stato ineserito un ogetto dinamico per far si che gli orari delle messe siano modificabili o addiritura inseriti da nuovi dai vari "don" delle varie parrocchie.
sul sito ci sono 4 parrocchie differenti e tutti riescono a caricare i vari orari.
Tutto funziona regolarmente sui PC, ma sui vari natel/telefonini la pagina con gli orari viene brutalmente tagliata e non visualizzata per intero per tutte le 4 parrocchie.
E' possibile adattare automanticamente la cella contenuto dinamico per far si che sui smartphone si visualizza per intero la pagina come sui PC e non vengono "tagliate"? magari riducendole in automatico?
posso fare qualcosa o sbaglio l'impostazione?
grazie mille
saluto
Postato il
Ciao potresti tentare con del codice ad un certo breakpoint ridimensionarlo in questo modo perdendo comunque un pò di leggibilità
Questo è un esempio fatto al volo sulla tua pagina, naturalmente va testato sul progetto la risoluzione e la % la decidi in base alle tue esigente, volendo ne puoi inserire anche due con valori idonei per i vari breakpoint, ripeto fai un test per valutare, ciao.
<style>
@media (max-width: 479px) {
#dynObj_17_06 { max-width: 50%;}
</style>
Autore
ciao grazie della risposta, mi puoi specificare in che pagina proprietà metto il codice?
vale poi per tutte le 4 pagine delle parrocchie?
È per la pagina che hai linkato
in questa posizione...
Autore
ciao, ho inserito il tuo codice provando diverse percentuali, ma non funziona, caricando il sito mi pare che la situazione peggiori...
lascio con il codice fino a lunedì per un ev. controllo
ciao
a me sebra funzioni benino invece...
poi qui...
e alla fine..
per vederlo su schermi ancora più stretti, dovresti provare a mettere anche "max-width: 320px"
poi testalo qui se ti va bene...
https://websiteresponsivetest.com/
leggi anche qui se funziona ancora...
https://helpcenter.websitex5.com/it/post/178276#comment5
Autore
scusate ma sul mio smartphone risulta questo!
prova allora il codice postato da KolAsim che ti ho linkato per ultimo...
Autore
risoluzione 50%
Autore
si con l'ultimo codice è un pochino meglio perô non capisco perchè mi riduce solo la parte destra della tabella e non tutte due insieme..
Autore
ultima modifica
Autore
scusate la mia ignoranza
è questo il codice che devo scrivere?
<style> table {word-break: break-all;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
vedo ancora il vecchio codice....toglilo e metti l'ultimo che mi hai scritto tu...
Autore
grazie, perfetto molto meglio