Näkymäalue

Näkymäalue on verkkosivun näkyvä alue selainikkunan sisällä. Mobiililaitteilla sivut määrittävät, miten ne skaalautuvat näytölle, <meta name="viewport">-tagilla. Se asettaa sivun leveyden ja zoomauskäyttäytymisen – mukaan lukien ei-toivotusti mahdollisuuden estää käyttäjiä zoomaamasta.

Ilman tätä tagia mobiiliselaimet renderöivät sivun oletusarvoisesti kiinteällä, työpöytämäisellä leveydellä (yleensä 980 px) ja kutistavat tuloksen näytölle sopivaksi. Tällöin sisältöä on mahdoton lukea, ennen kuin kävijä zoomaa sitä manuaalisesti. Määrittely width=device-width saa responsiivisen suunnittelun ja sen mediatietokyselyt todella toimimaan mobiililaitteilla.

Lue lisää

• Näkymäalueen käsitteet - MDN:n selitys näkymäalueesta ja viewport-metatagista
• Responsiivinen suunnittelu