Existe uma consulta CSS @media que pode identificar uma paisagem ou exibição de retratos? [fechado]

1. Como detectar o modo paisagem no CSS?
2. Qual recurso de consultas de mídia CSS possui valores de palavras -chave de paisagem e retrato?
3. Qual é a diferença entre @media all e @media tela?
4. O que @media faz no CSS?

Como detectar o modo paisagem no CSS?

Solução com consultas de mídia CSS

Abaixo, usamos a consulta de orientação @media e deixamos o conteúdo para ajustar seu layout, dependendo se a janela do navegador está no modo paisagem (a largura é maior que a altura) ou o modo de retrato (a altura é maior que a largura).

Qual recurso de consultas de mídia CSS possui valores de palavras -chave de paisagem e retrato?

O recurso de mídia CSS de orientação pode ser usado para testar a orientação da viewport (ou a caixa de página, para mídia paginada). Nota: Este recurso não corresponde à orientação do dispositivo.

Qual é a diferença entre @media all e @media tela?

@media é a consulta de mídia realmente. A tela da palavra está adicionando as 'condições' à consulta de mídia. Então, a Screen @media está dizendo à consulta da mídia para aplicar (quaisquer que outras condições) nas telas. Por exemplo, a tela @media e (Max-Width: 360px) segmentarão apenas telas com uma largura máxima de 360px.

O que @media faz no CSS?

O @Media CSS AT-RUL pode ser usado para aplicar parte de uma folha de estilo com base no resultado de uma ou mais consultas de mídia. Com ele, você especifica uma consulta de mídia e um bloco de CSS para aplicar no documento se e somente se a consulta de mídia corresponder ao dispositivo em que o conteúdo está sendo usado.