---
url: 'https://dxpr.com/it/hc/documentation/learn-drupal/drupal-glossary/responsive'
title: 'Design responsive (responsive) | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:31:38+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'Il design responsive è un approccio allo sviluppo web che crea modifiche dinamiche all’aspetto di un sito web, a seconda delle dimensioni dello schermo e dell’orientamento del dispositivo usato per vederlo. È una parte essenziale della creazione di siti ottimizzati per i dispositivi mobili, oltre che per computer desktop e laptop. In Drupal, il design responsive si ottiene tramite temi e moduli pensati per adattare il layout di un sito web alle dimensioni del dispositivo usato per vederlo.'
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:31:38+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Design responsive (responsive)'
      description: 'Il design responsive è un approccio allo sviluppo web che crea modifiche dinamiche all’aspetto di un sito web, a seconda delle dimensioni dello schermo e dell’orientamento del dispositivo usato per vederlo. È una parte essenziale della creazione di siti ottimizzati per i dispositivi mobili, oltre che per computer desktop e laptop. In Drupal, il design responsive si ottiene tramite temi e moduli pensati per adattare il layout di un sito web alle dimensioni del dispositivo usato per vederlo.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:31:38+0000'
      dateModified: '2026-10-24T08:31:38+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/it/hc/documentation/learn-drupal/drupal-glossary/responsive'
      articleSection: Drupal-woordenlijst
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/it/hc/documentation/learn-drupal/drupal-glossary/responsive'
      description: 'Il design responsive è un approccio allo sviluppo web che crea modifiche dinamiche all’aspetto di un sito web, a seconda delle dimensioni dello schermo e dell’orientamento del dispositivo usato per vederlo. È una parte essenziale della creazione di siti ottimizzati per i dispositivi mobili, oltre che per computer desktop e laptop. In Drupal, il design responsive si ottiene tramite temi e moduli pensati per adattare il layout di un sito web alle dimensioni del dispositivo usato per vederlo.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Home
            item: 'https://dxpr.com/it'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: it
---
[Help Center](/it/hc)/[Documentation](/it/hc/documentation) /[Learn Drupal](/hc/documentation/learn-drupal) /[Drupal-woordenlijst](/hc/documentation/learn-drupal/drupal-woordenlijst) # Design responsive (responsive).

 Learn DrupalDrupal-woordenlijst

   ## In this guide

Il design responsive è un approccio allo sviluppo web che crea modifiche dinamiche all’aspetto di un sito web, a seconda delle dimensioni dello schermo e dell’orientamento del dispositivo usato per vederlo. È una parte essenziale della creazione di siti ottimizzati per i dispositivi mobili, oltre che per computer desktop e laptop. In Drupal, il design responsive si ottiene tramite temi e moduli pensati per adattare il layout di un sito web alle dimensioni del dispositivo usato per vederlo.

Il design responsive si basa sul concetto di “griglie fluide”, griglie che si adattano alle dimensioni del dispositivo usato per vedere il sito web. Così il sito viene mostrato in modo ottimizzato per il dispositivo, garantendo un’esperienza utente coerente su tutti i dispositivi. Il design responsive usa anche le media query, frammenti di codice che permettono al sito di rilevare le dimensioni del dispositivo e di adattare il layout di conseguenza.

In Drupal, il design responsive si ottiene tramite temi e moduli pensati per adattare il layout di un sito web alle dimensioni del dispositivo usato per vederlo. I temi si possono usare per adattare il layout del sito, mentre i moduli si possono usare per aggiungere funzioni extra ottimizzate per i dispositivi mobili. Inoltre, il codice core di Drupal include una serie di funzioni pensate per rendere più facile creare siti responsive.

Il design responsive è una parte essenziale della creazione di siti ottimizzati per i dispositivi mobili, oltre che per computer desktop e laptop. Usando il design responsive, i siti possono essere ottimizzati per qualsiasi dispositivo, garantendo un’esperienza utente coerente su tutti i dispositivi.