• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Visione storpiata elementi su mobile

alex92008

Utente Assiduo
2 Maggio 2010
733
0
37
Library/Application/
Miglior risposta
0
#1 Autore del topic
Buongiorno, scrivo a voi per chiedere delucidazioni in merito ad una problematica che ho su un sito che sto creando (No wordpress, codice puro).

Questo è come si visualizza una porzione di pagina normalmente

Non appena si utilizza un cellulare o comunque la modalità mobile di un browser il risultato cambia:

I campi vanno a capo (come mi va bene che sia) ma senza lasciare un minimo di spazio tra una riga e l'altra mostrandosi appiccicate. I tasti nelle tabelle inoltre risultano avere lo stesso identico problema, vanno a capo senza lasciare spazi. Quale modifica devo apportare sul foglio di stile per evitare che accada questo? Nell'elenco rapporti utilizzo una table con una classe a se, nel promemoria uso un form-inline.

Grazie per l'attenzione
 

Hamburger

Utente Strepitoso
3 Settembre 2010
5.514
49
67
Foggia
Miglior risposta
0
#2
Ciao dovresti utilizzare le media queries nel foglio di stile, posso farti un piccolo esempio poi sta a te adattarlo alle tue esigenze:
CSS:
@media screen and (min-width: 400px) and (max-width: 1100px) {
.classebottoneviola {
margin-bottom:10px;  //distanza che vuoi impostare
}
}
 

dunkerc

Utente Esperto
1 Settembre 2014
1.333
121
139
Catania
Miglior risposta
0
#3
Questo è proprio un "effetto collaterale" di creare siti responsive: devi fare in modo che si veda "bene" in tutti i dispositivi. Un consiglio, oltre a quello dato da Hambuger, è quello di utilizzare più possibile le percentuali. Comunque nei browser moderni puoi avere la possibilità di modificare la lunghezza dello schermo secondo vari modelli di smartphone/tablet e quindi sistemare la storia (Y)
 

alex92008

Utente Assiduo
2 Maggio 2010
733
0
37
Library/Application/
Miglior risposta
0
#4 Autore del topic
Vi ringrazio moltissimo, faccio qualche prova e vi aggiorno. Purtroppo il sito DEVE essere responsive per ovvi motivi... Grazie ancora!

(Ho fatto qualche prova, il risultato è sorprendente, grazie moltissime per l'aiuto!)
 
Ultima modifica:
Shoutbox
  1. -Sicily94- -Sicily94-: Cerco beta testers, o persone che cercando un retro fatto come si deve: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  2. XxxMarcoxxX XxxMarcoxxX: https://www.sciax2.it/forum/threads/nuova-app-novembre-2019-5-eur-di-benvenuto-5-eur-per-ogni-amico-a-che-inviti.700640/
  3. #KiK #KiK: Come guadagnare fino a 10.. *tosse* centesimi in un giorno
  4. TakeoMasaki TakeoMasaki: Salve! Date un occhiata: https://www.sciax2.it/forum/threads/guadagnare-fino-a-1000eur-al-giorno-jupvideo-com.700635/
  5. Cristoforo58 Cristoforo58: :))
  6. 404Error 404Error: Mi fa piacere che questo forum sia ancora in piedi... Quanti giorni interi passati qui dentro!!!
  7. -Sicily94- -Sicily94-: Giorno, cerco beta testers, o persone che cercando un retro fatto come si deve: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  8. #KiK #KiK: Amicii
  9. Cristoforo58 Cristoforo58: Ti ho inviato un PM
  10. -Sicily94- -Sicily94-: Giorno, se cè un MOD disponibile potrebbe contattarmi? Grazie
  11. Carlos. Carlos.: https://www.sciax2.it/forum/threads/joox-full-automated-account-shop.700606/
  12. DarkKB DarkKB: https://www.sciax2.it/forum/threads/habbor-hotel-online.700555/
  13. DjLolOwna DjLolOwna: ho bisogno di una mano
  14. DjLolOwna DjLolOwna: chi è bravo in java?
  15. 𝕴𝖔𝖗𝖔𝖘𝖒 𝕴𝖔𝖗𝖔𝖘𝖒: *PER I PROGETTI CONTATTATEMI*
  16. -Sicily94- -Sicily94-: Ciao, sto cercando persone per questo progetto: https://www.sciax2.it/forum/threads/progetto-sicily-hotel-beta-test-serio.700314/
  17. Snowierthrone Snowierthrone: https://www.sciax2.it/forum/threads/anti-virus-tool-per-scovare-backdoor-o-altri-virus-in-file-jar.700600/
  18. Askarymt2 Askarymt2: Va' ancora metin su questo forum?
  19. minaminohw minaminohw: conosce sito per vpn gratuite e affidabili?
  20. 𝕴𝖔𝖗𝖔𝖘𝖒 𝕴𝖔𝖗𝖔𝖘𝖒: Ciao
  21. minaminohw minaminohw: yeao
  22. #KiK #KiK: rispondete please in amore e sentimenti
  23. F fabioref: Ragazzi quale admin posso contattare per assistenza?
  24. 𝕴𝖔𝖗𝖔𝖘𝖒 𝕴𝖔𝖗𝖔𝖘𝖒: Sera
  25. #James #James: ueeeeeeee
Top