background-size：<ul> </ul>上的contains和width属性

Question

我有一个WordPress子菜单，其背景图像设置为background-size：contains。它的宽度很大（280％），即使在高分辨率下也能确保全屏。这是Firefox的截图（这就是它应该如何显示）。

(high res)

在Chrome和IE上，它显示如下： (high res)

为什么它的宽度太小？

Here 网站直播。

Answer 1

解释起来相当棘手！

您似乎将<ul>标记嵌套在多个<div>标记中。其中一个有一个设定的宽度。我相信它是<div>，其中包含您的徽标，名称和搜索栏。它设置为920px。由于您的<ul>标记嵌套在此<div>中，因此如果将宽度设置为100％，则可以获得的最大宽度为920px。要修复它，您必须使用设置的宽度将其从<div>中取出。

width:280%;的作用原因是因为它是＆gt; 2700px ..将填写任何屏幕。除了Chrome和IE之外，你很想知道为什么要这样做！

我想留下来帮助你修复它，但遗憾的是我会前往！如果你在我回来的时候碰巧不能让它工作，我会更新我的帖子。