Unidades CSS relativas: VW, VH, VMAX, VMIN

agosto 17, 2016 12:00 pm Publicado por Deixe um comentário

O maior desafio de muitos web-developers é conseguir desenvolver um CSS organizado, robusto e utilizando as propriedades corretas de medidas.

O CSS tem várias unidades diferentes para expressar unidades de comprimento (largura x altura), entretanto, muitas propriedades não são utilizadas e abstraídas corretamente. Algumas propriedades muitos desenvolvedores nem conhecem, e outras são simplesmente deixadas de lado, mesmo vivendo em uma época onde pensar em mobile-first, aplicações híbridas, layout responsivo e CSS robusto se tornou “obrigação”.

Nesta série, estamos vendo como trabalhar com medidas flexíveis para enriquecer nossos códigos front-end, e principalmente entender a diferença entre medidas absolutas e medidas relativas.
Entre as CSS units, já vimos porcentagem (%), em, rem, ch, ex. E agora vamos ver: vh, vw, vmax, e vmin.

Links importantes:

  1. W3Schools css3 units
  2. Mozilla developers
  3. Uma análise profunda sobre a utilização de “em” como media-queries flexíveis
  4. Breakpoints baseados em Angular Material
Mensagem do anunciante:

Tenha seu negócio, seu blog ou você mesmo na Internet com .ONLINE. Simples e direto.
Acesse já: registre.online

Source: IMasters

Categorizados em:

Este artigo foi escrito pormajor

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *