Ein Viewport ist der sichtbare Bereich einer Webseite, den ein Nutzer auf seinem Gerät sieht und bedient. Im Webdesign ist der Viewport der Teil des Browserfensters, in dem Inhalte angezeigt werden. Seine Größe hängt vom Gerät ab, ob Desktop, Tablet oder Smartphone.
Den Viewport richtig zu steuern, ist entscheidend für responsives Webdesign, damit sich eine Website an verschiedene Bildschirmgrößen anpasst. Mit den richtigen Meta-Tags für den Viewport und Inhalten, die zum Bildschirm passen, schaffen Designer ein reibungsloses, optimiertes Erlebnis auf allen Geräten. Das verbessert Interaktion und Barrierefreiheit.