Responsiivinen verkkosivun suunnittelu - Esittely

Mikä on responsiivinen verkkosivun suunnittelu?

Responsiivinen verkkosivun suunnittelu tekee sivustostasi näyttävän hyvältä kaikilla laitteilla.

Responsiivinen web-suunnittelu käyttää vain HTML:ää ja CSS:ää.

Responsiivinen web-suunnittelu ei ole ohjelmaa tai JavaScriptiä.

Suunnittele parhaa kokemusta kaikille käyttäjille

Verkkosivuja voidaan tarkastella monilla eri laitteilla: tietokone, tabletti ja puhelin. Riippumatta siitä, mitä laitetta käytät, verkkosivusi tulisi näyttää kauniilta ja käyttäjäystävälliseltä.

Verkkosivut eivät saa hylätä tietoa sopeutuakseen pienempiin laitteisiin, vaan niiden sisältöä tulisi mukauttaa kaikille laitteille:


Tietokone

Tabletti

Puhelin

Jos käytät CSS:ää ja HTML:ää mukauttaaksesi, piilottaaksesi, pienentääksesi, suurentamaan tai siirtääksesi sisältöä, jotta se näyttää hyvältä kaikilla näytöillä, sitä kutsutaan responsiiviseksi Web-suunnitteleksi.

Jos et ymmärrä alla olevaa esimerkkiä, älä huoli, hankimme koodin yksityiskohtaisesti seuraavassa luvussa:

Kokeile itse