Responsive Web Design (RWD)

Schrijver: Eugene Taylor
Datum Van Creatie: 7 Augustus 2021
Updatedatum: 11 Kunnen 2024
Anonim
Introduction To Responsive Web Design - HTML & CSS Tutorial
Video: Introduction To Responsive Web Design - HTML & CSS Tutorial

Inhoud

Definitie - Wat betekent Responsive Web Design (RWD)?

Responsive web design (RWD) is een benadering in webontwikkeling en -ontwerp die is gericht op het maken van sites die een efficiënte en aantrekkelijke visuele ervaring bieden waarmee u gemakkelijk kunt navigeren zonder de resolutie van een beeldscherm te wijzigen.


Deze mogelijkheid is van toepassing op elk apparaat of elke browser die wordt gebruikt om een ​​website te bekijken, wat betekent dat het uiterlijk en de lay-out van de website worden aangepast aan de grootte van het scherm.

Een inleiding tot Microsoft Azure en de Microsoft Cloud | In deze gids leert u waar cloud computing over gaat en hoe Microsoft Azure u kan helpen bij het migreren en runnen van uw bedrijf vanuit de cloud.

Techopedia verklaart Responsive Web Design (RWD)

RWD wordt gebruikt om de lay-out van een website aan te passen aan de kijkomgeving van gebruikers via vloeiende en op verhoudingen gebaseerde rasters, flexibele afbeeldingen en slim CSS- en scriptgebruik.

RWD gebruikt de volgende methoden:

  • Vloeistofrasters, waarbij het formaat van elementen wordt gewijzigd door het gebruik van relatieve eenheden, zoals percentages, versus absolute eenheden, zoals standaardmetingen en pixels
  • Flexibele afbeeldingen, die ook in relatieve eenheden zijn ingedeeld
  • Cascading Style Sheet (CSS) mediaquery's, waarmee een website het apparaattype, de schermgrootte en browsermogelijkheden kan bepalen, waardoor verschillende stijlregels kunnen worden geleverd op basis van deze kenmerken
  • Server-side componenten met mediaquery's, waarmee websites sneller kunnen worden geladen - zelfs met lagere mobiele gegevenssnelheden