Kun rivi asetetaan ulottumaan koko näytön leveydelle, se mukautuu automaattisesti selainikkunan korkeuteen ja täyttää kävijän koko näytön riippumatta näytön koosta. Hyödynnä koko näytön rivejä tarjotaksesi sulavamman ja mukaansa tempaavamman selauskokemuksen, joka näyttää hyvältä jokaisen pöytätietokoneen ja kannettavan näytöllä.
Koko näytön rivit koskevat vain pöytätietokoneiden näyttöikkunoita
Kun rivi asetetaan koko näytön kokoiseksi, rivin korkeus säätyy automaattisesti näytön korkeuteen vain pöytätietokoneiden näyttöikkunoissa.
Koko näytön asetus ei koske matkapuhelimia ja tabletteja, koska selaimet kuten Safari ja Chrome joskus lisäävät osoitepalkin näytön yläreunaan. Kun osoitepalkki näkyy, näytön alaosa "leikkaantuu", koska mobiiliselaimet määrittävät koko näytön korkeudeksi näytön ilman osoitepalkkia. Tämän seurauksena koko näytön rivi siirtyy alemmas ja osa siitä ei näy näytöllä, jolloin koko näytön rivien käytöstä ei ole mitään hyötyä.
Koko näytön rivien käyttö
Jos haluat asettaa rivin ulottumaan koko näytölle, paina rivitunnistetta avataksesi valikon Riviasetukset. Siirry kohtaan Asetukset > Yleinen ja paina kohtaa Koko näytön rivi.
Jos rivisi sisällön korkeus on kävijän selainikkunaa suurempi
Jos rivisi sisältää paljon sisältöä – esimerkiksi useita päällekkäisiä kuvia, yhteydenottolomakkeita, pitkiä kappaleita jne. – sen korkeus saattaa olla kävijän selainikkunaa suurempi. Tässä tapauksessa Koko näytön rivi -asetuksella ei ole vaikutusta, sillä rivi säilyttää korkeutensa kaiken sisällön näyttämiseksi.
Sisällön pystysuora tasaus
Kun olet ottanut Koko näytön rivi -asetuksen käyttöön, tulee näkyville asetus rivin kaiken sisällön tasaamiseksi pystysuoraan joko rivin yläosaan, keskelle tai alaosaan. Tämä tasaa kaikki sarakkeet (ja niiden sisällön) rivin sisällä.
Esimerkki tasaamisesta ylös
Esimerkki tasaamisesta keskelle
Esimerkki tasaamisesta alas
Miksi sisältöni ei tasaannu oikein?
Vaikka olet ottanut Koko näytön rivi -asetuksen käyttöön, tämä ei kumoa aiemmin lisättyjä sisennyksiä. Jos esimerkiksi olet tasannut sisältösi koko näytön rivin sisällä, mutta olet myös määrittänyt 200px:n alasisennyksen, rivi ei näytä keskitetyltä (käytännössä se on keskitetty + lisätty 200px:n alasisennys).
Välttääksesi tämän, poista kaikki riviin lisätyt sisennykset ja rivin sarakkeiden reunukset, tai tee ylä- ja alasisennyksestä/välistä yhtä suuret.
Koko näytön rivin liukusäätimet
Rivin liukusäätimellä voit luoda joukon rivejä, joita kävijä voi selata omaan tahtiin – tai asettaa ne vaihtumaan automaattisesti tiettyinä aikaväleinä. Rivin liukusäätimet voidaan asettaa koko näytön kokoisiksi painamalla tunnistetta Rivin liukusäädin, jolloin avautuu Rivin liukusäätimen asetukset -valikko. Siirry asetuksiin ja ota käyttöön Koko näytön rivi.
Jos et ottanut käyttöön koko näytön rivejä, mutta yksi tai useampi liukusäätimen sisällä olevista riveistä on asetettu ulottumaan koko näyttöön, kaikki rivin liukusäätimet ulottuvat koko näytölle.
Ylätunnisteen takana oleva koko näytön rivin
Ulkoasuun voidaan tehdä hieno lisäys yhdistämällä sivun ylimmässä rivissä asetukset Koko näytön rivi ja Aseta rivi ylätunnisteen taakse. Näin ylätunnisteesi sulautuu sivustosi tyyliin ja samalla varmistat, että ensimmäinen rivi täyttää kävijän selainikkunan koko korkeuden.