Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/regex/16.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Responsive design RWD-元件不';自动隐藏_Responsive Design - Fatal编程技术网

Responsive design RWD-元件不';自动隐藏

Responsive design RWD-元件不';自动隐藏,responsive-design,Responsive Design,我的RWD有点问题。我的“+菜单”可以在适合大屏幕时自动隐藏,但我的“菜单项”在适合大屏幕时不会自动隐藏 这是指向JSFIDLE的链接: `https://jsfiddle.net/ux3pe797/` 我已经解决了这个问题 这是因为当@media query不影响html元素时,javascript将为html元素设置内联css样式 解决方案: 添加一个名为“active”且带有“display:block”的类,并将元素样式更改为“active”类

我的RWD有点问题。我的“+菜单”可以在适合大屏幕时自动隐藏,但我的“菜单项”在适合大屏幕时不会自动隐藏

这是指向JSFIDLE的链接:

`https://jsfiddle.net/ux3pe797/`

我已经解决了这个问题

这是因为当@media query不影响html元素时,javascript将为html元素设置内联css样式

解决方案:

添加一个名为“active”且带有“display:block”的类,并将元素样式更改为“active”类