---
url: 'https://dxpr.com/es/hc/documentacion/aprender-drupal/glosario-drupal/punto-interrupcion'
title: 'Punto de interrupción | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:40:05+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Un punto de interrupción es un punto del diseño de un sitio web Drupal en el que la composición de la página cambia para adaptarse a distintos tamaños de pantalla. Sirven para que un sitio web se vea bien en cualquier dispositivo, desde un teléfono móvil pequeño hasta un gran monitor de escritorio. Se definen en el código CSS de un sitio web Drupal y se activan cuando la ventana del navegador alcanza una anchura determinada. Al llegar a ella, la composición de la página cambia para adaptarse al nuevo tamaño.'
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:40:05+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Punto de interrupción'
      description: 'Un punto de interrupción es un punto del diseño de un sitio web Drupal en el que la composición de la página cambia para adaptarse a distintos tamaños de pantalla. Sirven para que un sitio web se vea bien en cualquier dispositivo, desde un teléfono móvil pequeño hasta un gran monitor de escritorio. Se definen en el código CSS de un sitio web Drupal y se activan cuando la ventana del navegador alcanza una anchura determinada. Al llegar a ella, la composición de la página cambia para adaptarse al nuevo tamaño.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:40:05+0000'
      dateModified: '2026-10-24T08:40:05+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/es/hc/documentacion/aprender-drupal/glosario-drupal/punto-interrupcion'
      articleSection: 'Glosario de Drupal'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/es/hc/documentacion/aprender-drupal/glosario-drupal/punto-interrupcion'
      description: 'Un punto de interrupción es un punto del diseño de un sitio web Drupal en el que la composición de la página cambia para adaptarse a distintos tamaños de pantalla. Sirven para que un sitio web se vea bien en cualquier dispositivo, desde un teléfono móvil pequeño hasta un gran monitor de escritorio. Se definen en el código CSS de un sitio web Drupal y se activan cuando la ventana del navegador alcanza una anchura determinada. Al llegar a ella, la composición de la página cambia para adaptarse al nuevo tamaño.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Inicio
            item: 'https://dxpr.com/es'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: es
---
[Centro de ayuda](/es/hc)/[Documentación](/es/hc/documentacion) /[Aprende Drupal](/es/hc/documentation/learn-drupal) /[Glosario de Drupal](/es/hc/documentation/learn-drupal/drupal-glossary) # Punto de interrupción

 Aprende DrupalGlosario de Drupal

   ## En esta guía

Un **punto de interrupción** es un punto del diseño de un sitio web Drupal en el que la composición de la página cambia para adaptarse a distintos tamaños de pantalla. Sirven para que un sitio web se vea bien en cualquier dispositivo, desde un teléfono móvil pequeño hasta un gran monitor de escritorio. Se definen en el código CSS de un sitio web Drupal y se activan cuando la ventana del navegador alcanza una anchura determinada. Al llegar a ella, la composición de la página cambia para adaptarse al nuevo tamaño.

Por ejemplo, un sitio web puede tener un punto de interrupción en 800px. Cuando la ventana del navegador mide menos de 800px de ancho, el sitio web muestra una composición de una sola columna; cuando mide más de 800px, muestra una de dos columnas. Así el sitio web se ve bien en cualquier dispositivo, sea cual sea el tamaño de la ventana del navegador.

Los puntos de interrupción son una parte importante del diseño adaptable, la práctica de diseñar sitios web que se ven bien en cualquier dispositivo. El diseño adaptable es clave para crear un sitio web exitoso en Drupal, y los puntos de interrupción son una parte esencial del proceso.