如何将媒体查询添加到 React CSS 对象？

Posted 2023-02-21

【中文标题】如何将媒体查询添加到 React CSS 对象？

【英文标题】：How do I add a Media Query to a React CSS object?

【发布时间】：2021-09-11 04:57:38

【问题描述】：

目前我有这个：

const ButtonStyles = 
    color: 'red',

但是我想为移动设备添加一个媒体查询，它看起来像这样吗？：

const ButtonStyles = 
    color: 'red',
    '@media (max-width: 900px)': 
        color: 'blue',
    

如果语法不是这种格式，那应该怎么做呢？

【问题讨论】：

您是否尝试过这里建议的选项：***.com/questions/54491645/…

【参考方案1】：

根据discussion，您不能将媒体查询与反应 css 对象一起使用。您必须使用带有类名或其他外部模块（如样式组件）的样式表。