Visualizzazione flessibile (responsive)

Quando si sviluppano pagine web è importante verificare che queste siano responsive, cioé che si adattino correttamente a schermi di dimensioni diverse.

Firefox

• Inserire l'indirizzo del sito web
• premere il tasto CTRL+MAIUSC+M per aprire Modalità di visualizzazione
• oppure dal menù selezionare Sviluppo web poi Modalità di visualizzazione
• successivamente è possibile selezionare le dimensioni dello schermo
• Guida: developer.mozilla.org/it/docs/Tools/Visualizzazione_Flessibile

Chrome, Edge, Opera, Vivaldi (altri basati su Chromium)

• Inserire l'indirizzo del sito web
• premere il tasto F12 o CTRL+MAIUSC+I per aprire la console di debug
• cliccare il tasto Toggle device toolbar in alto a sinistra di Elements
• successivamente è possibile selezionare le dimensioni dello schermo

Altri strumenti online

Resizer: Material design

ResponsivePX: www.responsivepx.com

Responsive design: ami.responsivedesign.is