A seguito del rilascio di iPadOS da parte di Apple, gli iPad mostrano la stessa interfaccia del computer desktop. Tuttavia, è possibile passare al layout responsivo desktop-tablet per garantire che tutte le personalizzazioni siano visibili sui siti web pubblicati.
Il layout responsivo mostra l'intestazione di navigazione superiore sui desktop più grandi e passa automaticamente al menu a scomparsa (hamburger menu) quando la dimensione dello schermo è pari o inferiore a 1024 pixel. Il layout per schermi piccoli può essere personalizzato, se necessario.
Nota:
- Nella maggior parte dei siti questa funzione sarà abilitata automaticamente e l'opzione indicata di seguito non sarà disponibile.
- Per i siti in cui questa opzione non è stata attivata, una volta attivata, l'opzione per disattivarla verrà rimossa.
Per utilizzare layout di siti web responsivi:
- Nel pannello laterale dell'editor, fai clic su Progettazione e poi su Layout del sito.
- Nella sezione Desktop, fai clic sull'interruttore Layout reattivo.
- Seleziona un layout del sito per dimensioni superiori a 1024 px.
- Seleziona un layout del sito per dimensioni pari o inferiori a 1024 pixel.
Dopo aver effettuato il passaggio a layout di sito responsivi, è possibile cambiare la visualizzazione nella barra di navigazione superiore per mostrare Desktop grande (superiore a 1024px), Desktop/tablet piccolo (1024px e inferiore) e Mobile. Per ulteriori informazioni, consultare la sezione Cambiare visualizzazione.
Il CSS è lo stesso sia per i breakpoint per desktop di grandi dimensioni che per quelli per desktop/tablet di piccole dimensioni, e non vedrai un CSS specifico per tablet.
Alcuni elementi potrebbero essere nascosti in base al breakpoint (schermo grande e schermo piccolo/tablet). Per ulteriori informazioni, consulta Cambiare visualizzazione e Mostrare gli elementi nascosti.
Le transizioni sono più fluide e non dipendono dagli User Agent.
Si noti che le seguenti personalizzazioni per tablet visualizzano automaticamente il layout desktop e non è necessario personalizzarle:
- Layout delle gallerie fotografiche
- Regole di personalizzazione del tablet
- Animazioni
Note importanti
Se sul tuo sito sono presenti elementi nascosti, assicurati che siano visibili prima di attivare il Layout Responsivo. Per risolvere il problema, disattiva il Layout Responsivo e mostra tutti gli elementi nascosti. Dopodiché, puoi riattivare il Layout Responsivo e nascondere nuovamente gli elementi nascosti. Per ulteriori informazioni, consulta la sezione Mostrare gli elementi nascosti.
La personalizzazione non mostra più il dispositivo tablet. Anche la selezione della modalità desktop influisce sulla visualizzazione su tablet.