时间戳

首页 > 解决方案 > 用对象声明的样式组件中的媒体查询

javascript - 用对象声明的样式组件中的媒体查询

问题描述

我将 in 之类的样式组件编写为react-native对象js：

const SectionTitle = styled.div({
  fontSize: '25px',
  display: 'flex',
})

是否可以使用具有上述对象样式的媒体查询？

标签： javascriptreactjsstyled-components

解决方案

是的，这是可能的。您只需将对象键用引号括起来，即可从媒体查询规则中形成一个字符串。

例如：

const SectionTitle = styled.div({
  fontSize: '25px',
  display: 'flex',
  '@media(min-width: 788px)': {
    fontSize: '40px'
  }
})

推荐阅读