【问题标题】:responsive menu breaks on ie7ie7上的响应式菜单中断
【发布时间】:2012-10-20 16:34:44
【问题描述】:

我有一个使用响应式设计构建的菜单,它在 IE7 以外的浏览器上运行良好

知道为什么这个菜单会在 IE7 上中断吗?

链接: https://dl.dropbox.com/u/107452929/newtest/CWSMainTitle.htm

【问题讨论】:

  • 到底是什么问题?在 IE 中,我看到邀请请求选项卡垂直扩展。是这个问题吗?
  • 请查看 IE7 上的菜单,它看起来与 IE8 或 IE9 不同
  • 哦耶 IE7 以不同的方式显示它刚刚看到它。很快会尝试更新我的答案。

标签: html css internet-explorer responsive-design


【解决方案1】:

在您的导航中添加 line-height: 0px;。这样就解决了问题

只是一个建议,您可以在这里找到一个简单的跨浏览器兼容导航栏- http://www.w3schools.com/css/css_navbar.asp

这与您正在尝试的完全一样,而且它不会遇到任何问题

【讨论】:

  • 我删除了它,但仍然没有变化
  • nav ul 和 ul 的 css 中的 list style 属性有问题。 list-style:none outside none 未在 IE 7 中呈现。
  • Cdeez - 那么我需要做些什么改变呢?
  • 你可以在链接中看到这个例子,它很容易实现
  • 查看编辑后的解决方案。这解决了你的问题。如果有帮助,记得勾选解决方案:)
【解决方案2】:

您必须记住,媒体查询与 Internet Explorer 8 或更低版本不兼容。

有关媒体查询浏览器兼容性的信息,请参阅此链接:http://caniuse.com/css-mediaqueries

另外,如果我是正确的,Internet Explorer 7 没有在任何平板电脑/移动设备上使用,那么您为什么要担心 Internet Explorer 7 中的响应式网站设计?

谢谢, 希望这会有所帮助!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-04-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-24
    • 1970-01-01
    • 2019-02-02
    相关资源
    最近更新 更多