html - 背景大小 :contain and width property on a <ul>

标签 html wordpress background-image css

我有一个 WordPress 子菜单,其中有一个背景图像集,背景大小:包含。它的宽度很大 (280%),以确保即使在高分辨率下也能全屏显示。这是 Firefox 的屏幕截图(应该是这样显示的)。

enter image description here (high res)

在 Chrome 和 IE 上,它显示如下: enter image description here (high res)

为什么它的宽度这么小?

Here 网站上线了。

最佳答案

这很难解释!

看来你有 <ul>标签嵌套在多个 <div> 中标签。其中之一具有设定的宽度。我相信这是 <div>带有您的 Logo 、名称和搜索栏。它设置为 920px .由于您的 <ul>标签嵌套在此 <div> 中,如果你设置宽度为100%,它能得到的最大是920px宽的。要修复它,您必须将其从 <div> 中取出与设定的宽度。

原因width:280%;有效是因为它> 2700px .. 这将填满任何屏幕。除了 Chrome 和 IE 对你为什么要这样做感到非常困惑!

我想留下来帮助您解决问题,但遗憾的是我要走了!如果我回来时您还没有让它工作,我会更新我的帖子。

关于html - 背景大小 :contain and width property on a <ul>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19438959/

相关文章:

PHP 和简码组合

css - Wordpress 标题图片没有响应

html - 我可以只为 div 的背景图像设置不透明度吗?

css - 如何在 next.js 中使用带有顺风的背景图像?

javascript - 一旦用户在下拉菜单上选择它,如何在下拉菜单上保持相同的位置

java - 从浏览器地址栏复制 URL 并使用 html 粘贴到表单中?

php - 如何使用 jQuery 访问 JSON 的多级对象

java - 为什么 jsoup-java 通过连接返回 null html 页面?

php - 如何移动wordpress插件的输出

php - <div> 标签中的背景图像未显示