bom dia,
Se eu quiser aplicar o @media para obter layouts responsivos, posso escrever sem a palavra "and"?
Dessa forma está correto ? @media screen (min-width:1024px){ }
Obrigado.
bom dia,
Se eu quiser aplicar o @media para obter layouts responsivos, posso escrever sem a palavra "and"?
Dessa forma está correto ? @media screen (min-width:1024px){ }
Obrigado.
hoje, com a Alura e o Google Gemini
Olá, Rodrigo! Tudo bom com você?
O recurso de @media pode ser sim utilizado sem o 'and', mas não nesse caso em específico que você citou, em que é sim necessário usar o 'and' para utilizar daquele recurso de media. O exemplo a seguir, é uma demonstração de uso de media queries sem uso do 'and', que está definindo que a cor do texto será verde quando exibido na tela e preto quando for exibido para impressão:
@media screen {
body {
color: green;
}
}
@media print {
body {
color: black;
}
}
Mas como o uso mais corriqueiro de media queries são como este que você passou, acaba que vai usar bastante o 'and' nos projetos.
Espero ter ajudado, bons estudos, e um grande abraço!