---
url: 'https://dxpr.com/de/hc/documentation/learn-drupal/drupal-glossary/responsive'
title: 'Responsiv | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:09:00+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Responsives Design ist ein Ansatz der Webentwicklung, bei dem sich die Darstellung einer Website dynamisch verändert, je nach Bildschirmgröße und Ausrichtung des Geräts, mit dem sie betrachtet wird. Es ist ein wesentlicher Beitrag zur Erstellung von Websites, die für Mobilgeräte ebenso optimiert sind wie für Desktop- und Laptop-Computer. In Drupal wird responsives Design durch Themes und Module erreicht, die das Layout einer Website an die Größe des Geräts anpassen, mit dem sie betrachtet wird.'
tags:
  - Drupal-woordenlijst
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T08:09:00+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: Responsiv
      description: 'Responsives Design ist ein Ansatz der Webentwicklung, bei dem sich die Darstellung einer Website dynamisch verändert, je nach Bildschirmgröße und Ausrichtung des Geräts, mit dem sie betrachtet wird. Es ist ein wesentlicher Beitrag zur Erstellung von Websites, die für Mobilgeräte ebenso optimiert sind wie für Desktop- und Laptop-Computer. In Drupal wird responsives Design durch Themes und Module erreicht, die das Layout einer Website an die Größe des Geräts anpassen, mit dem sie betrachtet wird.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:09:00+0000'
      dateModified: '2026-10-24T08:09:00+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/de/hc/documentation/learn-drupal/drupal-glossary/responsive'
      articleSection: Drupal-woordenlijst
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/de/hc/documentation/learn-drupal/drupal-glossary/responsive'
      description: 'Responsives Design ist ein Ansatz der Webentwicklung, bei dem sich die Darstellung einer Website dynamisch verändert, je nach Bildschirmgröße und Ausrichtung des Geräts, mit dem sie betrachtet wird. Es ist ein wesentlicher Beitrag zur Erstellung von Websites, die für Mobilgeräte ebenso optimiert sind wie für Desktop- und Laptop-Computer. In Drupal wird responsives Design durch Themes und Module erreicht, die das Layout einer Website an die Größe des Geräts anpassen, mit dem sie betrachtet wird.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Startseite
            item: 'https://dxpr.com/de'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: de
---
[Help Center](/de/hc)/[Documentation](/de/hc/documentation) /[Learn Drupal](/hc/documentation/learn-drupal) /[Drupal-woordenlijst](/hc/documentation/learn-drupal/drupal-woordenlijst) # Responsiv.

 Learn DrupalDrupal-woordenlijst

   ## In this guide

Responsives Design ist ein Ansatz der Webentwicklung, bei dem sich die Darstellung einer Website dynamisch verändert, je nach Bildschirmgröße und Ausrichtung des Geräts, mit dem sie betrachtet wird. Es ist ein wesentlicher Beitrag zur Erstellung von Websites, die für Mobilgeräte ebenso optimiert sind wie für Desktop- und Laptop-Computer. In Drupal wird responsives Design durch Themes und Module erreicht, die das Layout einer Website an die Größe des Geräts anpassen, mit dem sie betrachtet wird.

Responsives Design beruht auf dem Konzept „flüssiger Raster“ (fluid grids), also Rastern, die sich an die Größe des Geräts anpassen, mit dem die Website betrachtet wird. So lässt sich die Website jeweils für das Gerät optimiert darstellen, und die Benutzererfahrung bleibt auf allen Geräten einheitlich. Responsives Design nutzt außerdem Media Queries, also Code-Schnipsel, mit denen die Website die Größe des Geräts erkennt und das Layout entsprechend anpasst.

In Drupal wird responsives Design durch Themes und Module erreicht, die das Layout einer Website an die Größe des Geräts anpassen, mit dem sie betrachtet wird. Mit Themes lässt sich das Layout der Website anpassen, während sich mit Modulen zusätzliche Funktionen hinzufügen lassen, die für Mobilgeräte optimiert sind. Zusätzlich enthält der Drupal-Kern eine Reihe von Funktionen, die die Erstellung responsiver Websites erleichtern sollen.

Responsives Design ist ein wesentlicher Beitrag zur Erstellung von Websites, die für Mobilgeräte ebenso optimiert sind wie für Desktop- und Laptop-Computer. Mit responsivem Design lassen sich Websites für jedes Gerät optimieren, sodass die Benutzererfahrung auf allen Geräten einheitlich bleibt.