Joskus lyhennetty RWD: ksi, reagoiva web-suunnittelu on tapa luoda verkkosivuja niin, että ne mukautuvat asiakirjaa tarkastelevaan laitteeseen. Esimerkiksi, kun käyttäjä tarkastelee verkkosivua pöytätietokoneessa, heillä on usein suuri näyttö, jossa on 12–18 pisteen fontti. Kun tätä sivustoa tarkastellaan älypuhelimesta tai tabletista, sitä pienennetään. Vaikka näyttö voi olla hieman lähempänä, sisältö on paljon pienempi; sen vuoksi sitä olisi mukautettava, jotta käyttäjä voisi paremmin selata.

Kuinka se toimii?

Reagoiva web-suunnittelu käyttää HTML-elementtien prosenttimittauksia, jotta ne skaalautuvat asianmukaisesti eikä kiinteisiin mittauksiin. Lisäksi @media-sääntöä käytetään soittamaan laitteeseen perustuvia erityisiä CSS-asetuksia; yleensä riippuen selaimen leveydestä.

Tietokoneen lyhenteet, Internet-termit, Pixel, Point, Web-suunnittelu, Web-suunnittelun ehdot