为什么我的媒体标签与我的样式占用器不起作用?

Question

我正在尝试为styled-component添加@media。 这是我的组件：

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;
}