Cos'è un sito responsivo

Per capire di cosa stiamo parlando si può consultare questo link: Siti responsivi

Come usare questo strumento

Nella casella sottostante scrivete l'indirizzo del sito (Es.: www.example.com) di cui volete vedere la responsività, poi battete [Invio] sulla tastiera oppure fate clic sul bottone [OK] di fianco alla casella di testo.
Si consiglia di ingrandire al massimo il browser e di utilizzare la barra orizzontale per scorrere tutti i formati disponibili.
Nei riquadri più in basso vedrete come il sito appare nei vari dispositivi con cui può essere consultato, in modo da capire:

  1. come il sito viene visualizzato su ogni dispositivo
  2. se il sito è visibile correttamente
  3. se è responsivo
  4. se non lo è, cosa è necessario modificare


Insomma: se i menu non vengono troncati, le immagini vengono ridimensionate e i testi sono tutti leggibili, allora avete un sito responsivo.

320 × 480 (Piccoli telefoni)

480 × 640 (Smartphone e piccoli tablet)

768 × 1024 (Tablet in verticale)

1024 × 768 (Tablet in orizzontale, PC con piccoli monitor)

1200 × 800 (PC o notebook)