BACK

Unitati de masura responsive

Deoarece exista multe unitati de masura diferite in CSS, deseori iti pui intrebarea: care este cea mai buna varianta in acest moment? Cele mai populare unitati sunt px și %, insa nu trebuie sa ramanem blocati pe ceea ce stim ca mergea odata. Un site ce se poate adapta pe mai multe device-uri simultan necesita folosirea unitatiilor “dinamice” precum vw și vh.

VW si VH sunt unitati de lungime ce reprezinta un % din dimensiunea ferestrei. Pe latime, unitatea de masura este definita ca Viewport Width, respectiv Viewport Height pentru inaltime.

VH poate fi utilizat oriunde, insa cel mai frecvent caz de utilizare al VH este pentru a defini o inaltime completa in functie de inaltimea ecranului (viewport-ului). Practic, putem avea o sectiune cu inaltimea definita 100vh ce mereu va acoperi ecranul, indiferent de dimensiunile monitorului.

Unitatea VW este similara cu WH, dar se axeaza mai mult pe latimea ferestrei decat inaltimea acesteia. VW devine foarte utila daca vrei sa ai o fereastra adaptabila, bazata pe fonturi. De exemplu, o inaltime a fontului atribuita heading-ului h1 este 6% (6vw) din latimea ferestrei. Ca atare, daca latimea ferestrei este 1000px, dimensiunea fontului va fi de 60px, iar daca fereastra se redimensioneaza la 500px, dimensiunea fontului va deveni 30px.

Folosirea acestor unitati ajuta la tranzitia site-ului web pe orice platforma mobile, indiferent de marimea acestora si reprezinta un pas inainte in a-ti face site-ul mai usor de folosit.

Mai multe articole

INOVEO a scris

The Importance of Sustainable Design in Branding

If everyone is talking about sustainability, we cannot ignore discussing it from a branding perspective. Environmental awareness has always been a growing trend. Now, more than ever, brands are under increasing pressure to adopt sustainable [...]

Read More... from Unitati de masura responsive

Citeste tot articolul

INOVEO a scris

„Quirky” Sans Serif Fonts: The 2024 Trend

The evolution and shifts in trends from one season to another are most pronounced when it comes to design. This year, in graphic design among other fields, we are seeing a spotlight on a category [...]

Read More... from Unitati de masura responsive

Citeste tot articolul

INOVEO a scris

How Complex Should Your Website Be?

It’s clear that websites are becoming increasingly large and complex, with both programmers and clients contributing to this trend. Programmers want to showcase their ability to create intricate projects, while clients desire content-rich websites filled [...]

Read More... from Unitati de masura responsive

Citeste tot articolul

INOVEO a scris

INOVEO Answers Questions from ZF Romanian Brands Yearbook 2024

What is the recipe for creating a brand? How long does it take to build one? How much does it cost? Where do you start and where do you end? What are the key ingredients? [...]

Read More... from Unitati de masura responsive

Citeste tot articolul