Isso é muito simples de resolver com media query no CSS. O problema é que as pessoas ficam presa ao "arrasta e solta" e não se interessam em entender o que acontecem por trás. Algumas correções e pontos a acrescentar vh e vw não são a mesma coisa e tem diferença e é até meio obvio: h = height (altura) e w ( weight). Geralmente usamos vh em porcetagem (100%) dessa forma a minha viewport ou a minha div vai ocupar 100% da tela disponível ou 100% do elemento pai. Já quando trabalhos com vw esse conceito não se aplica, principalmente para mobile. O que temos que ter em mente é que 1vh = 1/100 da view port, por exemplo, se minha tela possui 700px, então 1vh é igual a 7px. Esse conceito é bem parecido quando usamos o REM(e a forma que se lê é a mesma que se escreve kk). o "em" é uma unidade que eu evito usar no css atual, sempre utilizo o REM, pois o em vai influenciar diretamente nos elementos filhos. O que temos que entender aqui é que 1REM equivale a 16px. E por que devemos usar rem vh e vw? Simplesmente por que telas diferentes possui resoluções e densidades diferentes. Isso quer dizer que o tamanho do pixel de um monitor gamer 4k é diferente do tamanho do pixel de um celular moto g53. Isso deixa de ser um problema quando usamos unidades relativas, pois 1 rem é 16 pixels seja no monitor ou seja no celular. outro ponto que esqueci de citar: você disse que já sabe as medidas ideias em pixels, por exemplo 42 px é uma medida legal. É só dividir esse valor por 16 para ter sua medida em rem 42/16 = 2,625rem
Top demais Graciella, tava precisando desse vídeo! A configuração pra mobile sempre foi um problema! Vou aplicar aqui na agência e melhorar nossa entrega! Obrigado
Graciella, você poderia fazer um vídeo falando do tão falado webflow? Ele é um concorrente do elementor, e quero saber as suas experiências falando desta plataforma.
tenho um problema sério a meses .. Por que tudo que edito no elementor as fontes, tamanho e espessura da fonte não altera no mobile e somente no desktop .. Parece que não importa a fonte que eu coloque sempre fica igual sabe letra fina e mesmo formato. Mas no desktop fica normal e no mobile as fontes, negrito nada muda .. O site inteiro fica igual 😥😥 não achei um video falando disso .. tenho que editar alguma coisa para todas alterações que eu ficar de fonte aparecer no mobile tb ?
@@GraciellaNeves não , todos dominios criados sempre instalei o wordpress, elementor e vou para edicação uso poucos plugins como litespeed pq minha hospedagem usa e outros .. Já desativei um por um e nada .. Vou esperar seu video ❤
![Como deixar qualquer SITE RESPONSIVO no Elementor [sem alterar Desktop]](http://i.ytimg.com/vi/29-5TKyf4Ng/mqdefault.jpg)
![LiteSpeed Cache: Como OTIMIZAR SITE WORDPRESS com o Melhor Plugin Grátis [WordPress mais Rápido]](http://i.ytimg.com/vi/uD6Fz6TP67Q/mqdefault.jpg)
![Seungmin "그렇게, 천천히, 우리(As we are)" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/kAzmhLHePqU/mqdefault.jpg)
Isso é muito simples de resolver com media query no CSS. O problema é que as pessoas ficam presa ao "arrasta e solta" e não se interessam em entender o que acontecem por trás.
Algumas correções e pontos a acrescentar
vh e vw não são a mesma coisa e tem diferença e é até meio obvio: h = height (altura) e w ( weight). Geralmente usamos vh em porcetagem (100%) dessa forma a minha viewport ou a minha div vai ocupar 100% da tela disponível ou 100% do elemento pai. Já quando trabalhos com vw esse conceito não se aplica, principalmente para mobile.
O que temos que ter em mente é que 1vh = 1/100 da view port, por exemplo, se minha tela possui 700px, então 1vh é igual a 7px.
Esse conceito é bem parecido quando usamos o REM(e a forma que se lê é a mesma que se escreve kk). o "em" é uma unidade que eu evito usar no css atual, sempre utilizo o REM, pois o em vai influenciar diretamente nos elementos filhos. O que temos que entender aqui é que 1REM equivale a 16px.
E por que devemos usar rem vh e vw? Simplesmente por que telas diferentes possui resoluções e densidades diferentes. Isso quer dizer que o tamanho do pixel de um monitor gamer 4k é diferente do tamanho do pixel de um celular moto g53. Isso deixa de ser um problema quando usamos unidades relativas, pois 1 rem é 16 pixels seja no monitor ou seja no celular.
outro ponto que esqueci de citar: você disse que já sabe as medidas ideias em pixels, por exemplo 42 px é uma medida legal. É só dividir esse valor por 16 para ter sua medida em rem
42/16 = 2,625rem
Caracaaaaaaa tu arrebenta, procurei nesse youtube todo sobre isso e achei aqui graças a Deus. Obrigada! me inscrevendo e compartilhando sua pág.
valeuuu...que bom que te ajudou
Top demais Graciella, tava precisando desse vídeo!
A configuração pra mobile sempre foi um problema! Vou aplicar aqui na agência e melhorar nossa entrega!
Obrigado
massa demais
Muito bom, so tinha visto esse assunto em video gringo
eita...é mesmo?
Boa tarde, devo usar o elementor e criar uma versão do contêiner para mobile e outra para notebook e até uma terceira para desktop?
Não precisa, com o container você consegue fazer a adaptação da versão mobile e notebook de maneira muito mais fácil
Graciella, você poderia fazer um vídeo falando do tão falado webflow?
Ele é um concorrente do elementor, e quero saber as suas experiências falando desta plataforma.
ei...vou dar uma olhada nele para fazer o vídeo
tenho um problema sério a meses .. Por que tudo que edito no elementor as fontes, tamanho e espessura da fonte não altera no mobile e somente no desktop .. Parece que não importa a fonte que eu coloque sempre fica igual sabe letra fina e mesmo formato. Mas no desktop fica normal e no mobile as fontes, negrito nada muda .. O site inteiro fica igual 😥😥 não achei um video falando disso .. tenho que editar alguma coisa para todas alterações que eu ficar de fonte aparecer no mobile tb ?
Não, era para funcionar. Você alterou alguma coisa, tipo largura, da versão mobile? Amanhã vou soltar um vídeo sobre isso, talvez te ajude
@@GraciellaNeves não , todos dominios criados sempre instalei o wordpress, elementor e vou para edicação uso poucos plugins como litespeed pq minha hospedagem usa e outros .. Já desativei um por um e nada .. Vou esperar seu video ❤
saúde 😆