---
url: 'https://dxpr.com/es/hc/documentation/learn-drupal/drupal-glossary/responsive'
title: 'Diseño adaptable (Responsive) | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:16:42+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'El diseño adaptable (responsive) es un enfoque de desarrollo web que cambia la apariencia de un sitio de forma dinámica según el tamaño de pantalla y la orientación del dispositivo. Es esencial para crear sitios optimizados para móviles, así como para ordenadores de sobremesa y portátiles. En Drupal se logra con temas y módulos diseñados para ajustar el diseño según el tamaño del dispositivo.'
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:16:42+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Diseño adaptable (Responsive)'
      description: 'El diseño adaptable (responsive) es un enfoque de desarrollo web que cambia la apariencia de un sitio de forma dinámica según el tamaño de pantalla y la orientación del dispositivo. Es esencial para crear sitios optimizados para móviles, así como para ordenadores de sobremesa y portátiles. En Drupal se logra con temas y módulos diseñados para ajustar el diseño según el tamaño del dispositivo.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:16:42+0000'
      dateModified: '2026-10-24T08:16:42+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/documentation/learn-drupal/drupal-glossary/responsive'
      articleSection: Drupal-woordenlijst
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/es/hc/documentation/learn-drupal/drupal-glossary/responsive'
      description: 'El diseño adaptable (responsive) es un enfoque de desarrollo web que cambia la apariencia de un sitio de forma dinámica según el tamaño de pantalla y la orientación del dispositivo. Es esencial para crear sitios optimizados para móviles, así como para ordenadores de sobremesa y portátiles. En Drupal se logra con temas y módulos diseñados para ajustar el diseño según el tamaño del dispositivo.'
      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
---
[Help Center](/es/hc)/[Documentation](/es/hc/documentation) /[Learn Drupal](/hc/documentation/learn-drupal) /[Drupal-woordenlijst](/hc/documentation/learn-drupal/drupal-woordenlijst) # Diseño adaptable (Responsive).

 Learn DrupalDrupal-woordenlijst

   ## In this guide

El diseño adaptable (responsive) es un enfoque de desarrollo web que cambia la apariencia de un sitio de forma dinámica según el tamaño de pantalla y la orientación del dispositivo. Es esencial para crear sitios optimizados para móviles, así como para ordenadores de sobremesa y portátiles. En Drupal se logra con temas y módulos diseñados para ajustar el diseño según el tamaño del dispositivo.

Se basa en el concepto de «cuadrículas fluidas», cuadrículas que se ajustan al tamaño del dispositivo con el que se ve el sitio. Así el sitio se muestra de forma optimizada para cada dispositivo y la experiencia de uso resulta coherente en todos. También usa consultas de medios (media queries), fragmentos de código que detectan el tamaño del dispositivo y ajustan el diseño en consecuencia.

En Drupal, el diseño adaptable se logra con temas y módulos diseñados para ajustar el diseño según el tamaño del dispositivo. Los temas ajustan el diseño del sitio, mientras que los módulos añaden funciones optimizadas para móviles. Además el código base del núcleo de Drupal incluye funciones pensadas para facilitar la creación de sitios adaptables.

El diseño adaptable es esencial para crear sitios optimizados para móviles, así como para ordenadores de sobremesa y portátiles. Con él, los sitios quedan optimizados para cualquier dispositivo y la experiencia de uso resulta coherente en todos.