可能的原因是,以下构造没有注意到以下媒体查询?
<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
尝试了它们,这也不是原因。
有人可以帮助我吗?