私のスタイルのocmponentでメディアタグが機能しないのはなぜですか？

Question

@mediaをstyled-componentに追加しようとしています。ここに私のコンポーネントがあります：

const Image = styled.img` 
    display: none; 
    @media(width >= 600px) { 
    display: block; 
    }; 
`; 

@mediaは決して引き起こされません。私は間違って何をしていますか？ @mediaタグをstyled-componentsと連携させるにはどうすればよいですか？

Answer 1

あなたのメディアクエリを使用すると、標準のCSSのために行うようにあなたのようmin-widthを指定する必要があり、間違っている：

@media (min-width: 600px) { 
    display: block; 
}