Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Dúvida] Dúvida sobre @media screen

Oi, pessoa!!

Há alguma diferença em usar ou não o screen no @media?

@media (min-width ou max-width = tamanho da tela) { }

@media screen and (min-width ou max-width = tamanho da tela) { }

Pq já fiz um portfolio que não tinha esse screen, ai agora nessa aula a prof monica está usando, mas não entendi se há alguma diferença usar ou não.

obg!

4 respostas

Oi Bruna, tudo bem?

Ótima pergunta! A diferença entre usar ou não o "screen" no @media é que, sem ele, a regra de estilo se aplica a todas as mídias, incluindo impressão, projeção, entre outras. Já com o "screen", a regra de estilo se aplica apenas a dispositivos de tela, como monitores, celulares e tablets.

Por isso, é importante sempre utilizar o "screen" quando estamos trabalhando com responsividade para dispositivos móveis, pois assim garantimos que as regras de estilo sejam aplicadas apenas nesses dispositivos.

Espero ter ajudado.

Um abraço e bons estudos.

hmmmm! Entendi sim, Lorena, obgg! É uma questão de deixar mais claro, explícito para o que o @media está sendo utilizado, certo?

solução!

Isso mesmo Bruna ;)

Que bom que ajudei!

Obrigadaaaa! ((: