Flex raja-arvot / laitenäkymät

Raja-arvot / laitenäkymät

Flex-osiossa on enemmän laitenäkymiä verrattuna normaaleihin osioihin. Laitenäkymien raja-arvot ovat:

  • Pöytäkone (pääraja-arvo 1025-1399px)
  • Leveä työpöytä (1400px ja yli)
  • Tabletti (768-1024px)
  • Mobiili pystyasennossa (767px ja alle)
  • Mobiili vaaka-asennossa (468-767px)

Voit vaihtaa laitenäkymää päivitystyökalun yläpalkista.


Pääraja-arvossa (pöytäkone) tehdyt muutokset vaikuttavat kaikkiin laitenäkymiin. Kuitenkin tiettyyn laitenäkymään tehdyt elementtien sijainti- ja kokomuutokset (poissulkien rakenteelliset muutokset) eivät vaikuta muihin laitenäkymiin. Pystyasentoiseen mobiilinäkymään tehdyt muutokset vaikuttavat vaaka-asentoiseen mobiilinäkymään.

Flexin raja-arvot

Rakenteelliset muutokset

Kun teet rakenteellisen muutoksen, muutos vaikuttaa kaikkiin laitenäkymiin riippumatta siitä missä laitenäkymässä muutoksen teit. 

Rakenteellisia muutoksia ovat esimerkiksi:

  • Sisällön lisääminen tai poistaminen.
  • Widgetin raahaaminen flexboxin sisällä.
  • Widgetin poistaminen.

Raja-arvosta piilottaminen

Elementtejä voidaan piilottaa tietystä laitenäkymästä esim. tablettinäkymästä.



Piilottaaksesi elementin tietystä laitenäkymästä:

  1. Yläpalkista vaihda siihen laitenäkymään, josta haluat piilottaa elementin.
  2. Klikkaa elementtiä, jonka haluat piilottaa.
  3. Kerrokset-valikosta klikkaa Piilota tällä raja-arvolla -painiketta. Jos piilotat elementin, jonka sisällä on muita elementtejä (esim. flexboxin, jonka sisällä on kaksi painike-widgettiä), myös elementin sisällä olevat elementit piilotetaan.
Raja-arvosta piilottaminen

Poistaaksesi elementin piilottamisen, klikkaa Kerrokset-valikossa Näytä tällä raja-arvolla -painiketta.

Piilotuksen poistaminen raja-arvosta

Elementtien piilottaminen pääraja-arvosta ei vaikuta muihin laitenäkymiin. Esimerkiksi pääraja-arvosta piilotettu kuva-widget on edelleen näkyvillä tablettinäkymässä (ja muissa laitenäkymissä).

Share by: