React-Material-UI:使用Radium的样式的Mediaqueries

时间:2017-04-04 11:13:04

标签: reactjs media-queries material-ui radium

可能的原因是,以下构造没有注意到以下媒体查询?

<Drawer
    id={this.props.id + 'WhateverMenu'}
    key={this.props.id + 'WhateverMenu'}
    docked={false}
    onRequestChange={this.handleToggle.bind(this)}
    width={300}
    openSecondary={true}
    open={this.state.DrawerWhateverOpen}
    containerStyle={
        {
            '@media only screen and (minWidth: 768px)': {top: '112px'},
            top: '0px'
        }

    }
>

top: '0px'有效且媒体查询被忽略。另一种可能性:

containerStyle = {
    {
        '@media only screen and (maxWidth: 767px)': {top: '0px'},
        top: '112px'
    }
}

也不起作用。我也用max-width / min-width尝试了它们,这也不是原因。

有人可以帮助我吗?

0 个答案:

没有答案