---
url: 'https://dxpr.com/fr/hc/documentation/apprendre-drupal/glossaire-drupal/responsive'
title: 'Responsive (design adaptatif) | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:24:14+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Le design adaptatif (responsive design) est une approche du développement web qui modifie dynamiquement l’apparence d’un site web selon la taille et l’orientation de l’écran utilisé. C’est une partie essentielle de la création de sites web optimisés pour les appareils mobiles, ainsi que pour les ordinateurs de bureau et portables. Dans Drupal, le design adaptatif passe par des thèmes et des modules conçus pour ajuster la mise en page d’un site selon la taille de l’appareil utilisé.'
tags:
  - 'Drupal glossary'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T08:24:14+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Responsive (design adaptatif)'
      description: 'Le design adaptatif (responsive design) est une approche du développement web qui modifie dynamiquement l’apparence d’un site web selon la taille et l’orientation de l’écran utilisé. C’est une partie essentielle de la création de sites web optimisés pour les appareils mobiles, ainsi que pour les ordinateurs de bureau et portables. Dans Drupal, le design adaptatif passe par des thèmes et des modules conçus pour ajuster la mise en page d’un site selon la taille de l’appareil utilisé.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:24:14+0000'
      dateModified: '2026-10-24T08:24:14+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/fr/hc/documentation/apprendre-drupal/glossaire-drupal/responsive'
      articleSection: 'Glossaire Drupal'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/fr/hc/documentation/apprendre-drupal/glossaire-drupal/responsive'
      description: 'Le design adaptatif (responsive design) est une approche du développement web qui modifie dynamiquement l’apparence d’un site web selon la taille et l’orientation de l’écran utilisé. C’est une partie essentielle de la création de sites web optimisés pour les appareils mobiles, ainsi que pour les ordinateurs de bureau et portables. Dans Drupal, le design adaptatif passe par des thèmes et des modules conçus pour ajuster la mise en page d’un site selon la taille de l’appareil utilisé.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Accueil
            item: 'https://dxpr.com/fr'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: fr
---
[Centre d’aide](/fr/hc)/[Documentation](/fr/hc/documentation) /[Apprendre Drupal](/fr/hc/documentation/learn-drupal) /[Glossaire Drupal](/fr/hc/documentation/learn-drupal/drupal-glossary) # Responsive (design adaptatif)

 Apprendre DrupalGlossaire Drupal

   ## Dans ce guide

Le design adaptatif (responsive design) est une approche du développement web qui modifie dynamiquement l’apparence d’un site web selon la taille et l’orientation de l’écran utilisé. C’est une partie essentielle de la création de sites web optimisés pour les appareils mobiles, ainsi que pour les ordinateurs de bureau et portables. Dans Drupal, le design adaptatif passe par des thèmes et des modules conçus pour ajuster la mise en page d’un site selon la taille de l’appareil utilisé.

Le design adaptatif repose sur le concept de « grilles fluides » (fluid grids), des grilles qui s’ajustent à la taille de l’appareil utilisé pour voir le site web. Le site s’affiche ainsi de façon optimisée pour l’appareil, et l’expérience utilisateur reste cohérente sur tous les appareils. Le design adaptatif utilise aussi des media queries, des extraits de code qui détectent la taille de l’appareil et ajustent la mise en page en conséquence.

Dans Drupal, le design adaptatif passe par des thèmes et des modules conçus pour ajuster la mise en page d’un site selon la taille de l’appareil utilisé. Les thèmes ajustent la mise en page du site, tandis que les modules ajoutent des fonctions optimisées pour les appareils mobiles. De plus, le code du cœur de Drupal comprend des fonctions conçues pour faciliter la création de sites adaptatifs.

Le design adaptatif est une partie essentielle de la création de sites web optimisés pour les appareils mobiles, ainsi que pour les ordinateurs de bureau et portables. Grâce au design adaptatif, les sites web sont optimisés pour chaque appareil, et l’expérience utilisateur reste cohérente sur tous les appareils.