Responsiivinen suunnittelu

Responsiivinen suunnittelu on tapa rakentaa verkkosivuja niin, että niiden asettelu mukautuu näytön kokoon leveistä työpöytänäytöistä kapeisiin puhelinnäyttöihin. Responsiivinen sivu järjestää ja skaalaa sisältöään joustavien asettelujen ja CSS-sääntöjen avulla sen sijaan, että tarjolla olisi erillinen mobiiliverkkosivusto.

Se edellyttää, että sivu määrittää viewportin oikein: ilman tätä määritystä mobiiliselaimet renderöivät sivun kiinteällä, työpöytämäisellä leveydellä ja pienentävät sen sitten sopivaksi. Tämä kumoaa responsiivisen asettelun kokonaan ja pakottaa kävijät nipistämään ja zoomaamaan.

Lue lisää

• Responsiivinen verkkosuunnittelu - MDN:n opas responsiivisen suunnittelun tekniikoihin
• Viewport
• CSS