Web-sivuja katsellaan tänä päivänä eri kokoisilla laitteilla, tietokoneilla, tableteilla ja älypuhelimilla. SIksi sivuihin on syytä lisätä ominaisuuksia, jotka ensinnäkin tunnistavat käytetyn laitteen ja toiseksi pystyvät mukauttamaan sivut kullekin laitteelle sopivan kokoiseksi.
Oikeastaan vain itse koodipohjalta tehdyillä sivuilla responsiivisuus edellyttää erityistä huomiota. WordPress ja muut julkaisualustat huolehtivat asiasta taustalla automaattisesti, eli responsiivisuus on alustoissa jo sisäänkoodattuna ominaisuutena.
Etenkin kun sivuja aletaan tehdä puhtaalta pöydältä, voidaan kiinnittää huomiota sivuston lay-outiin ja käytettyihin tekniikoihin laajemminkin, myös responsiivisuuden näkökulmasta. Niin uusille kuin vanhoillekin sivuille viewport-meta-tagi on avain erilaisten näyttöjen tunnistamiseen.
Yksinkertaisimmillaan pelkkä tagin lisääminen muuttaa sivun käyttäytymistä riittävästi, ja ainakin lisäyksen jälkeen voi tarkastella, mitkä elementit mahdollisesti kaipaavat vielä viilaamista. Meta-tagi voi olla vaikka tällainen:
<meta name=”viewport” content=”width=device-width, initial-scale=1, user-scalable=no” />
Lisää aiheesta:
https://www.w3schools.com/css/css_rwd_intro.asp
https://css-tricks.com/snippets/html/responsive-meta-tag/




