【问题标题】:What's wrong with my responsive menu?我的响应式菜单有什么问题?
【发布时间】:2013-09-18 18:52:24
【问题描述】:

在这里查看:http://bit.ly/16DJQjN

当我将窗口大小调整为较低的分辨率时,一切都很好,导航菜单变成了移动版本。但是试着把页面变窄,刷新页面,你会看到item一个接一个不规则的下拉,再调整一下大小,又完美了。这样一来,在分辨率较低的设备上首次打开时似乎就不行了。

为了让您了解它的外观,这就是在此分辨率下打开页面时的外观。

但是当我以任何方式调整它的大小时,它看起来很完美,请参阅:

我检查了 JS 和 CSS,显然它不是用媒体查询完成的,我相信它是纯 jS。我如何解决它?你能帮帮我吗?

【问题讨论】:

  • 这在页面完全加载时工作正常。在加载页面之前 js 或 css 没有加载,所以它是一个接一个地显示。
  • 它运行良好..您能在屏幕截图中显示您的问题吗?
  • 当我在宽度调整为小于 1280 像素的浏览器上打开它并刷新页面时,它看起来很糟糕?
  • 我添加了两张截图。
  • 是不是因为$(window).resize(function()函数加载后没有触发?

标签: javascript html css


【解决方案1】:

将此 CSS 添加到您的样式表中,这将隐藏菜单,直到加载 javascript。

.responsive_nav ul{
    display:none;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-08-14
    • 2014-08-27
    • 2022-01-21
    • 2017-12-05
    • 2022-12-12
    • 1970-01-01
    • 2018-03-23
    相关资源
    最近更新 更多