css - 响应式设计关闭 Canvas 导航不显示在 600 和 830 之间

标签 css responsive-design

在网站上,响应式设计中内置了 Canvas 导航,但由于某种原因,在 600px 和 830px 的断点之间, Canvas 导航滑动但它完全是白色的。它应该显示与宽度低于 600 像素时完全相同。很可能是 CSS 中的内容。有人有什么想法吗?

最佳答案

在第 1412 行的 CSS 中,它将 .site overflow 更改为 hidden,然后隐藏了菜单。它在最小宽度的媒体号召下:600:

@media screen and (min-width: 600px) {

...

.site {
    margin: 0 auto;
    max-width: 1024px;
    max-width: 73.14285714rem;
    overflow: hidden;
}

只需删除 overflow:hidden;

您可能需要仔细检查更改此行是否没有其他问题,并可能将其重新应用于更宽的屏幕。

关于css - 响应式设计关闭 Canvas 导航不显示在 600 和 830 之间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20624044/

相关文章:

jquery - 删除来自嵌入式 YouTube 视频的 css 样式

jquery - 重用 jQuery UI Themeroller Overlay

html - 容器 div 仅达到视口(viewport)的 100%

html - 如何创建带有静态标题的响应式网页?

html - 如何使标题功能区响应

html - 无法定义显示 :table-cell 的 DIv 的高度或宽度

css - 在现代 CSS 中悬停时更改为相对颜色

html - 我怎样才能阻止我的 div 滚动?

javascript - 使用 CSS 或 Javascript,如何在响应式网页上修复汉字中的孤立文本?

html - 如何使网站中的图像和 <figures> 具有响应性