---
url: 'https://dxpr.com/fr/hc/documentation/apprendre-drupal/glossaire-drupal/point-de-rupture'
title: 'Point de rupture | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:23:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Un point de rupture est un point de la mise en page d’un site web Drupal où la disposition de la page change pour s’adapter aux différentes tailles d’écran. Les points de rupture servent à garantir qu’un site web s’affiche correctement sur tous les appareils, du petit téléphone mobile au grand écran d’ordinateur. Les points de rupture sont définis dans le code CSS d’un site web Drupal, et ils se déclenchent lorsque la fenêtre du navigateur atteint une certaine largeur.'
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:23:48+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Point de rupture'
      description: 'Un point de rupture est un point de la mise en page d’un site web Drupal où la disposition de la page change pour s’adapter aux différentes tailles d’écran. Les points de rupture servent à garantir qu’un site web s’affiche correctement sur tous les appareils, du petit téléphone mobile au grand écran d’ordinateur. Les points de rupture sont définis dans le code CSS d’un site web Drupal, et ils se déclenchent lorsque la fenêtre du navigateur atteint une certaine largeur.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:23:48+0000'
      dateModified: '2026-10-24T08:23:48+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/point-de-rupture'
      articleSection: 'Glossaire Drupal'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/fr/hc/documentation/apprendre-drupal/glossaire-drupal/point-de-rupture'
      description: 'Un point de rupture est un point de la mise en page d’un site web Drupal où la disposition de la page change pour s’adapter aux différentes tailles d’écran. Les points de rupture servent à garantir qu’un site web s’affiche correctement sur tous les appareils, du petit téléphone mobile au grand écran d’ordinateur. Les points de rupture sont définis dans le code CSS d’un site web Drupal, et ils se déclenchent lorsque la fenêtre du navigateur atteint une certaine largeur.'
      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) # Point de rupture

 Apprendre DrupalGlossaire Drupal

   ## Dans ce guide

Un **point de rupture** est un point de la mise en page d’un site web Drupal où la disposition de la page change pour s’adapter aux différentes tailles d’écran. Les points de rupture servent à garantir qu’un site web s’affiche correctement sur tous les appareils, du petit téléphone mobile au grand écran d’ordinateur. Les points de rupture sont définis dans le code CSS d’un site web Drupal, et ils se déclenchent lorsque la fenêtre du navigateur atteint une certaine largeur. Lorsque la fenêtre du navigateur atteint le point de rupture, la disposition de la page change pour s’adapter à la nouvelle taille.

Par exemple, un site web peut définir un point de rupture à 800px. Lorsque la fenêtre du navigateur fait moins de 800px de large, le site web affiche une mise en page à une seule colonne. Lorsque la fenêtre du navigateur fait plus de 800px de large, le site web affiche une mise en page à deux colonnes. Cela garantit que le site web s’affiche correctement sur tous les appareils, quelle que soit la taille de la fenêtre du navigateur.

Les points de rupture sont un élément important du design responsive, c’est-à-dire la pratique qui consiste à concevoir des sites web qui s’affichent correctement sur tous les appareils. Le design responsive est essentiel pour créer un site web Drupal réussi, et les points de rupture en sont une composante indispensable.