为什么我的媒体标签不能与我的样式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;
}