¿Por qué la consulta @media no funciona aquí? ¿Como arreglarlo? ¿Qué hay de malo con las consultas de los medios?
const Size = { laptop: "1024px", laptopL: "1440px" } const Device = { laptop: `only screen and max-width: ${Size.laptop}`, laptopL: `only screen and max-width: ${Size.laptopL}`, }; const GlobalStyle = createGlobalStyle ` body{ background: url(${BackgroundImage}) no-repeat center center/100% 100% fixed; } @media ${Device.laptop} { body{ background-size: cover; } } `;Necesita corchetes alrededor de su ancho máximo y tamaño de píxel. Prueba esto:
const Device = { laptop: `only screen and (max-width: ${Size.laptop})`, laptopL: `only screen and (max-width: ${Size.laptopL})`, };