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