【问题标题】:Chrome Resizing Navigation MenusChrome 调整导航菜单的大小
【发布时间】:2015-09-09 04:47:56
【问题描述】:

所以我的问题是,出于某种原因,在我一直在摆弄的网站的一个页面上,我拥有的两个导航栏(顶部和侧边栏导航)在 Google Chrome 浏览器中没有明显的原因缩小,他们的行为在 iE 和 Firefox 中都是完全正常的。酒吧保持完整的功能,但可能只是按比例缩小到预期大小的 66%。

这里是相关页面的代码:http://pastebin.com/uvrPR1JW

这是一个类似但功能正常的页面的代码供参考:http://pastebin.com/5dAMREfC

它们使用相同的样式表,因此问题可能出在 HTML 中,但样式表已链接到评论部分以供参考。如果有人发现它会做这样的事情的任何原因,那就太好了。我为混乱的代码道歉,因为我说我只是在玩弄它。

更新: 您可能会注意到我的代码至少包含一个 flexbox,这是另一位用户发布的可能相关但我无法确定的问题:Chrome shrinks figure elements as they are added to a flexbox

更新:flexbox 似乎没有问题,即使我删除了除顶部标题之外的所有内容,问题仍然存在。

【问题讨论】:

  • 你通过 w3 验证器运行它了吗?它可能会告诉你问题
  • 事实上,除了它不喜欢我设置侧边栏的方式之外,它没有得出任何结论。
  • 找不到 CSS。请提供相同的 CSS。
  • 这里有一个指向样式表的 pastebin 链接:pastebin.com/8NmRjGr3
  • @CodeRomeos 抱歉忘记在最后一个标记你了。

标签: html google-chrome resize


【解决方案1】:

我会说这是你的导航栏的设置,你如何拥有一个图像,你只是在悬停时改变它的位置。 Chrome 有一个奇怪的功能,当有图像时它会四处移动,所以我建议你看看如何制作一个合适的导航栏(这很容易)。

【讨论】:

  • 我同意你的观点,虽然我不同意你对“正确”导航栏的分析,但我的肯定是正确的,只是技术性很强。但是,在删除所有导航方面后,标题的大小仍然不正确。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-06-02
  • 2019-07-08
  • 1970-01-01
  • 2013-12-14
  • 1970-01-01
相关资源
最近更新 更多