# Editor Studio Two: impostare le dimensioni dell'elemento Source: https://support.wix.com/it/article/editor-studio-two-impostare-le-dimensioni-dellelemento (updated 2026-11-13) Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt > Questo articolo si riferisce al nuovo Editor Studio Two, rilasciato a novembre 2026\. Se non sai con certezza se stai usando l'Editor Studio o l'Editor Studio Two, [trovi maggiori informazioni qui](https://support.wix.com/it/article/editor-studio-two-le-differenze-tra-leditor-studio-e-leditor-studio-two). Nell'Editor Studio Two puoi impostare le dimensioni esatte di ogni elemento, così il tuo design si adatta da solo a qualsiasi dispositivo. Ridimensiona gli elementi nell'area di lavoro o nel pannello Ispezione per definirne le misure precise. Durante il ridimensionamento vedrai px\*, un'unità espressa in pixel che si adatta a ogni punto di interruzione in base al comportamento responsivo dell'elemento. Se il comportamento predefinito non è adatto al tuo design, puoi cambiarlo oppure attivare le impostazioni avanzate per controllare direttamente larghezza e altezza. --- ## Ridimensionare gli elementi Scegli come ridimensionare gli elementi in base al tuo modo di progettare: * **Nell'area di lavoro:** clicca sull'elemento per selezionarlo nella pagina e sposta i cursori di trascinamento laterali fino a raggiungere le dimensioni che preferisci. Mentre trascini, vedi le dimensioni esatte dell'elemento in pixel ![Ridimensionamento di un elemento di testo selezionato nell'area di lavoro con il cursore di trascinamento laterale](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6737e8ce-e145-4d66-829b-5b527d469b5b/2026/10/25/c52717a5-047a-43db-a88d-8a13342b135d/size-1a-canvas.png) * **Nel pannello Ispezione:** clicca sull'elemento e apri il pannello Ispezione per vederne (e modificarne) la larghezza e l'altezza esatte ![Un elemento di testo selezionato nell'area di lavoro, con larghezza e altezza mostrate nella sezione Dimensioni dell'Ispezione](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6737e8ce-e145-4d66-829b-5b527d469b5b/2026/10/25/ae5095b5-f39b-42ac-b6f3-db0f30b260d1/size-1b-canvas-and-inspector.png) --- ## Usare px* come unità di misura La sezione Dimensioni del pannello Ispezione utilizza un'unità di misura relativa esclusiva dell'Editor Studio Two: **px**\*. L'asterisco (_) accanto a "px" indica che la dimensione è relativa al punto di interruzione su cui stai lavorando. Ad esempio, se passi dal punto di interruzione desktop a quello mobile, la larghezza e l'altezza dell'elemento in px_ diminuiscono di conseguenza. ![La sezione Dimensioni del pannello Ispezione, con i valori X, Y, L e H espressi in px*](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6737e8ce-e145-4d66-829b-5b527d469b5b/2026/10/25/3e5b196c-eac4-4cff-9294-08d474fd25b4/size-2-px-fields-1x.png) > **Buono a sapersi:** Il valore in px\* è espresso in pixel, ma la misura effettiva applicata dietro le quinte è responsiva. Passa il mouse su px\* nel pannello per vedere il calcolo e l'unità di misura responsiva in uso (es. percentuale, proporzioni, ecc.). > > ![Il popup che compare passando il mouse su px* accanto alla larghezza nel pannello Ispezione indica che l'unità effettiva è la percentuale](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6737e8ce-e145-4d66-829b-5b527d469b5b/2026/10/25/56f2b60e-fd1e-4f39-b14d-1221ad7b0104/size-3-px-tooltip-1x.png) --- ## Scegliere il comportamento responsivo Il comportamento responsivo stabilisce se, e in che modo, un elemento si ridimensiona nei diversi punti di interruzione. Ogni elemento parte con un comportamento predefinito, ma puoi sceglierne uno più adatto al tuo design. **Qual è la differenza tra i comportamenti responsivi?** Ogni comportamento responsivo segue una logica automatica specifica per ridimensionare l'elemento sui diversi schermi. I comportamenti disponibili variano in base all'elemento. Ecco i più comuni: * **Ridimensiona in proporzione:** larghezza e altezza dell'elemento mantengono le stesse proporzioni su tutti gli schermi * **Larghezza relativa:** la larghezza dell'elemento cambia automaticamente in relazione all'elemento parent * **Fisso:** l'elemento mantiene sempre le stesse dimensioni e non si ridimensiona su nessuno schermo * **Allunga:** l'elemento si allunga per adattarsi al contenitore parent in ogni punto di interruzione * **Espandi elemento:** tra l'elemento e il suo riquadro di delimitazione non ci sono spazi vuoti. Le dimensioni del riquadro di delimitazione in ogni punto di interruzione dipendono dal contenuto (es. il numero di caratteri e la dimensione del font nel testo di un tasto) **Nota:** questo è anche il comportamento predefinito di una pila orizzontale **Comportamenti delle sezioni:** * **Altezza automatica:** l'altezza della sezione si adatta automaticamente al contenuto, su qualsiasi dimensione dello schermo * **Altezza fissa:** la sezione mantiene sempre la stessa altezza, indipendentemente dalle dimensioni dello schermo * **Adatta allo schermo:** la sezione occupa l'intera altezza del viewport (100 vh). Se necessario, puoi ridurre il valore in vh per farle occupare meno spazio ### Per cambiare il comportamento responsivo dell'elemento: 1. [Vai al tuo Editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26). 2. Seleziona l'elemento che ti interessa. 3. Clicca sull'icona **Apri Ispezione** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/07/03/7a2108d4-e689-4bc2-ab56-4cd429ad0062/7e829fa7-aefd-41bf-9201-836a19bff654.png) in alto a destra nell'Editor. ![Clic sulla freccia che apre il pannello Ispezione nell'Editor Studio Two](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6737e8ce-e145-4d66-829b-5b527d469b5b/2026/08/18/464a146e-ac9f-495f-be67-560b93fdb995/open-inspectornew.png) 1. Clicca sulla scheda **Design**. 2. Clicca sul menu a tendina **Comportamento responsivo** sotto **Dimensioni**. 3. Scegli un nuovo comportamento responsivo. ![Il menu a tendina Comportamento responsivo aperto nel pannello Ispezione, con un'anteprima animata dell'opzione evidenziata](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6737e8ce-e145-4d66-829b-5b527d469b5b/2026/10/25/99fd2586-7b18-487e-9012-0bc47a5f4972/size-4-responsive-dropdown-1x.png) > **Buono a sapersi:** Passa il mouse sopra le opzioni del menu a tendina per vedere un'animazione che ne illustra l'effetto. --- ## Usare le impostazioni avanzate delle dimensioni Ricorri alle impostazioni avanzate quando vuoi controllare direttamente le misure di un elemento (come px, % o vh), invece di affidarle a px\* e al comportamento responsivo. > **Buono a sapersi:** Le impostazioni avanzate si abilitano per il singolo elemento selezionato, su tutti i punti di interruzione. Per comodità, le impostazioni avanzate restano attive per quell'elemento, ma puoi disattivarle in qualsiasi momento. ### Per abilitare le impostazioni avanzate: 1. [Vai al tuo Editor](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26). 2. Seleziona l'elemento che ti interessa. 3. Clicca sull'icona **Apri Ispezione** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/07/03/7a2108d4-e689-4bc2-ab56-4cd429ad0062/7e829fa7-aefd-41bf-9201-836a19bff654.png) in alto a destra nell'Editor. ![Clic sulla freccia che apre il pannello Ispezione nell'Editor Studio Two](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6737e8ce-e145-4d66-829b-5b527d469b5b/2026/08/18/464a146e-ac9f-495f-be67-560b93fdb995/open-inspectornew.png) 1. (Nel pannello Ispezione) Clicca sull'icona **Altre azioni** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6737e8ce-e145-4d66-829b-5b527d469b5b/2026/08/05/00f6b671-6132-4bc1-9610-b17a2af28697/more-actions-black-bg.png) in alto a destra. 2. Attiva l'interruttore accanto a **Impostazioni avanzate**. ![L'interruttore Impostazioni avanzate attivato nel pannello Ispezione dell'Editor Studio Two](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6737e8ce-e145-4d66-829b-5b527d469b5b/2026/08/05/4e7f19bb-54f1-4d9c-b945-61607d943fb4/advanced-settings-on.png) 1. Modifica le dimensioni come preferisci: larghezza, altezza e valori min e max. **Suggerimento:** per passare a un'altra unità (es. da px a %), clicca sull'unità nel pannello Ispezione: si apre l'elenco delle unità di misura disponibili per l'elemento. ![La sezione Dimensioni del pannello Ispezione con le impostazioni avanzate attive: sono visibili larghezza, altezza e valori min e max](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/6737e8ce-e145-4d66-829b-5b527d469b5b/2026/10/25/9b64d910-3f63-4a5f-b53d-4fc8d04cf077/size-5-advanced-settings.png)