header-logo
Scopri come creare il sito per la tua attività con Wix.
Progetta il tuo sito con le funzionalità intuitive di Wix.
Gestisci abbonamenti, pacchetti e fatture.
Gestisci la tua attività e comunica con i tuoi membri.
Acquista, trasferisci e collega un dominio al tuo sito.
Fai crescere la tua attività online con gli strumenti giusti.
Aumenta la visibilità del tuo sito con il marketing e la SEO.
Lavora in modo efficace con le funzionalità più avanzate.
Scopri i problemi noti, trova soluzioni o contattaci.
placeholder-preview-image
Diventa un esperto con i nostri corsi e tutorial.
Scopri i consigli per web design, marketing e molto altro.
Scopri come far crescere il traffico organico del tuo sito.
Crea il tuo sito con la nostra piattaforma full stack.
Trova un esperto che ti aiuti a raggiungere i tuoi obiettivi.
placeholder-preview-image

Editor Studio: risolvere i problemi di responsività

6 min
In questo articolo:
  • Testo che appare troppo piccolo in determinati punti di interruzione
  • Elementi posizionati male tra i punti di interruzione
  • Elementi disallineati tra i punti di interruzione
  • Elementi sovrapposti tra i punti di interruzione
Hai problemi con l'aspetto del sito del tuo cliente tra i punti di interruzione? L'Editor Studio offre gli strumenti per affrontare i problemi più comuni di responsività, come elementi sovrapposti, fuori posto o disallineati su schermi di diverse dimensioni. Con le giuste modifiche, puoi creare un sito elegante e professionale che si adatta perfettamente a qualsiasi dispositivo.

Testo che appare troppo piccolo in determinati punti di interruzione

Il tuo testo sembra troppo piccolo quando visualizzi il sito del tuo cliente su schermi più piccoli? Usa l'opzione mantieni proporzioni del comportamento responsivo e l'impostazione min-max, così facendo puoi assicurarti che il tuo testo sia sempre perfetto su schermi di tutte le dimensioni. 
Seleziona il testo e apri il pannello Ispezione. Innanzitutto, imposta Comportamento responsivo su Ridimensiona in proporzione. Quindi, clicca su Max-min sotto Design per impostare le dimensioni minime e massime dei caratteri.
Un elemento di testo nell'Editor Studio accanto al pannello Ispezione, che evidenzia il comportamento responsivo e il clic su max-min
Suggerimento:
L'impostazione max-min si applica automaticamente ai punti di interruzione più piccoli, quindi non è necessario apportare modifiche ai punti di interruzione diversi dal desktop. 

Elementi posizionati male tra i punti di interruzione

Se un elemento sul sito del tuo cliente cambia posizione in modo imprevisto su schermi di diverse dimensioni, è probabilmente dovuto alle impostazioni di aggancio e margini. Segui questi passaggi per risolvere il problema e assicurarti che gli elementi rimangano nella posizione prevista.
Più elementi si spostano?
Se si trovano tutti nello stesso contenitore parent (es. sezione, cella, ecc.), puoi impilarli per garantire una spaziatura e un allineamento coerenti.

Elementi disallineati tra i punti di interruzione

Se gli elementi della sezione non si allineano o interrompono il loro layout quando cambiano le dimensioni dello schermo, è spesso dovuto ad agganci incoerenti o impostazioni dei margini. 
Segui questi passaggi per identificare e risolvere il problema, assicurandoti che gli elementi siano allineati correttamente su schermi di tutte le dimensioni.

Elementi sovrapposti tra i punti di interruzione

Quando organizzi gli elementi, potrebbero essere distanziati nell'Editor, ma sovrapporsi quando sul sito live su diversi viewport. La sovrapposizione di solito si verifica a causa del modo in cui sono posizionati gli elementi o il loro comportamento responsivo.
Se gli elementi sul sito del tuo cliente si sovrappongono su schermi di dimensioni diverse, segui questi passaggi per identificare e risolvere il problema.