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ä.

desktop-laptop.png

 

ezgif.com-video-to-gif__10_.gif

 

  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.

row-settings.png

  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

Screen_Shot_2020-07-15_at_16.25.48.png


Esimerkki tasaamisesta keskelle

Screen_Shot_2020-07-15_at_16.38.33.png


Esimerkki tasaamisesta alas

Screen_Shot_2020-07-15_at_16.29.13.png

  Miksi sisältöni ei tasaannu odottamallani tavalla?

Vaikka olet ottanut Koko näytön rivi -asetuksen käyttöön, tämä ei kumoa aiemmin lisättyjä sisennyksiä. Esimerkiksi jos olet tasannut sisältösi koko näytön rivin keskelle, 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 Rivin liukusäädin -tunnistetta, jolloin avautuu Rivin liukusäätimen asetukset -valikko. Siirry asetuksiin ja ota käyttöön Koko näytön rivi.

ezgif.com-video-to-gif__11_.gif

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ää koko korkeuden kävijän selainikkunassa.

Screen_Shot_2020-07-15_at_14.49.55.png

Oliko tämä artikkeli hyödyllinen?
0/0 koki tästä olevan apua