~15 min

Compatibility and responsive design

Cross-browser and behavior across sizes.

Testing across many contexts

A website must work across different browsers (cross-browser) and adapt to different screen sizes (responsive). QA checks that the experience stays correct in all contexts relevant to the user.

  • Cross-browser: Chrome, Firefox, Safari, Edge.
  • Responsive breakpoints: mobile, tablet, desktop.
  • No unexpected horizontal scroll or clipped elements.
  • Readable text and tappable buttons on small screens.

The DevTools 'device toolbar' lets you simulate sizes quickly, but testing on real devices is still more reliable for catching touch or performance issues.

QuestionToca para voltear

What is cross-browser testing?

Checking that a website looks good on mobile, tablet and desktop is testing its…

¿Quieres guardar tu progreso?

Crea una cuenta gratis para guardar tu avance, ganar puntos e insignias y desbloquear los campus de ISTQB y Automatización.

Crear cuenta gratis
Siguiente Lección
Compatibility and responsive design | PlayQAcademy