1
resposta

@media

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.

1 resposta

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!