Entendendo as medidas REM, EM. VW e PX do Elementor

Provavelmente você já tenha se perguntado: O que são estas medidas além do PX (Pixel) do Elementor? VW, REM, EM, VH,... são tantas. Porém aqui você vai encontrar a resposta das principais medidas.
Conheça meus Cursos:
wpfast.com.br - Otimização de Sites em Wordpress
wpfast.com.br/... - Checklist completo para desenvolvedores Wordpress
escolawp.digita... - Curso completo de criação de Landing Pages
jornadawp.digital - Evento Gratuito que ensina você a Criação de Landing Pages Profissionais
Siga no Instagram: / viniciuskolling

[@zemariosanches]

Cara, bom demais! Tava me matando aqui! 😅 Vlww!

[@azvdoxyz]

Obrigado.

[@rafaelpaiva1676]

Muito bom!

[@temporadaonboard9402]

Parabéns pelo vídeo explicação simples e direta. ganhou um inscrito

[@Vinicius.Kolling]

Obrigado pelo comentário!

[@sarajones9228]

Mais um vídeo falando coisas simples e básicas que ajudam demais nossa vida. Eu usava pixel para definir altura da fonte, mas vou começar a usar EM, pois ele herda o padrão de altura que eu quero entre as fontes para tablet e mobile. Excelente!!! Muito obrigada, Vini! Você é muito necessário.

[@Vinicius.Kolling]

Que bom que ajudou! Bju sarinha

[@luizmoratto]

gostei muito do seu vídeo!!! vou ver de novo para pegar realmente o conteúdo.

[@Vinicius.Kolling]

Que ótimo! Obrigado pelo Feedback

[@leonnardosouza]

Excelente explicação! Parabéns pelo conteúdo! Isso me fez corrigir um desajuste que estava ocorrendo no elemento de imagem dos cards de uma landing page que estou criando. Antes, tinha configurado a largura da imagem com a medida em porcentagem (%), porém, em alguns dispositivos mobile, os elementos dos cards (imagem, título, texto) ficavam ok, mas em outros dispositivos mobile mais largos, o elemento de imagem se ajustava ao tamanho da tela só que desrespeitando aquela linha delimitadora de cor rosa, dos elementos. A imagem aumentava de tamanho, mas o espaçamento não seguia a adaptação, fazendo com que a imagem ficasse quase por cima do título. Então, mudei a medida para pixel e resolveu. Porém, tenho uma dúvida e gostaria de saber qual a sua opinião a respeito. Ao invés de deixar a largura em pixel deixei em view width, pois no vídeo você cita que é bom usar estas medidas para o mobile. Eu usei e ficou bom. A minha dúvida é: No meu caso, que o elemento é uma imagem pequena (imagem remete ao um ícone, mas é em png) para cada card (seis ao todo), você acha viável essa prática do view width para alterar largura da imagem? Meu objetivo é apenas aumentar ou diminuir o tamanho da imagem, mas em view width. O que você recomenda?

[@PedroCassini]

Fácil, extremamente fácil! ❤️

[@Vinicius.Kolling]

hahahahaha pra você e eu e todo mundo cantar junto. Adoro o violão que tocava nesta banda, conhece? hahaha

[@HugoMEC]

to usando vw pra responsividade e textos, to achando mt bom porque se ajusta a tela

[@Vinicius.Kolling]

É bom sim! Eu tbm gosto

[@fidenciotrafego]

E como funciona a %?

[@DonDaniellllll]

VM é ótimo pra usar na altura da sessão da FCP, principalmente para se ajustar bem tanto a monitores 1920 e 1366

[@Vinicius.Kolling]

Sim! Exatamente

[@MaurcioJesus]

olá tudo bem...o que siginifica FCP ?

[@DonDaniellllll]

@@MaurcioJesus First content paintful. Basicamente a primeira parte da tela que cobre o monitor, ou seja, o tempo que demora pra aparecer o conteudo da parte de cima.

[@multimarcasshop]

N entendo pq o pessoal de cursos e vídeos da internet ensinam utilizando sempre Pixel, o pixel deixa tudo desproporcional, se muda a tela dependendo da situação fica tudo bagunçado. Nunca mais usarei pixel, agr é só %, VH ou VW.

[@Vinicius.Kolling]

Verdade! É uma questão de costume