Responsiivinen web-suunnittelu (RWD)

Kirjoittaja: Eugene Taylor
Luomispäivä: 7 Elokuu 2021
Päivityspäivä: 22 Kesäkuu 2024
Anonim
CSS | 39. Responsive Web Design (RWD)
Video: CSS | 39. Responsive Web Design (RWD)

Sisältö

Määritelmä - mitä Responsive Web Design (RWD) tarkoittaa?

Responsiivinen web-suunnittelu (RWD) on web-kehityksessä ja suunnittelussa omaksuttu lähestymistapa, jolla pyritään luomaan sivustoja, jotka tarjoavat tehokkaan ja houkuttelevan visuaalisen kokemuksen, jonka avulla on helppo navigoida muuttamatta näyttöruudun resoluutiota.


Tämä ominaisuus ulottuu mihin tahansa laitteeseen tai selaimeen, jota käytetään verkkosivun katsomiseen, mikä tarkoittaa verkkosivuston ulkoasun ja asettelun muutosta näyttöruudun koon mukaan.

Johdanto Microsoft Azureen ja Microsoft Cloud | Tämän oppaan läpi opit mitä pilvipalvelussa on kyse ja kuinka Microsoft Azure voi auttaa sinua siirtämään ja johtamaan yritystä pilvestä.

Techopedia selittää reagoivan web-suunnittelun (RWD)

RWD: tä käytetään verkkosivuston ulkoasun mukauttamiseen käyttäjille, jotka tarkastelevat ympäristöä juoksevien ja suhteellisten verkkojen, joustavien kuvien sekä älykkään CSS: n ja komentosarjojen käytön avulla.

RWD käyttää seuraavia menetelmiä:

  • Nestemäiset ruudukot, joissa elementtien kokoa muutetaan käyttämällä suhteellisia yksiköitä, kuten prosenttimääriä, verrattuna absoluuttisiin yksiköihin, kuten standardimittauksia ja pikseliä
  • Joustavat kuvat, joiden koko on myös suhteellisissa yksiköissä
  • CSS (CSS) -mediakyselyt, joiden avulla verkkosivusto voi määrittää laitetyypin, näytön koon ja selaimen ominaisuudet mahdollistaen näiden ominaisuuksien perusteella toimittavien eri tyylisääntöjen toimittamisen
  • Palvelinpuolen komponentit mediakyselyillä, jotka mahdollistavat verkkosivustojen nopeamman lataamisen - jopa hitaammalla solun tiedonsiirtonopeudella