html - div 内的元素不调整大小

Question

我在让特定 Div 内的所有元素在该 Div 内调整大小时遇到​​了很多麻烦，具体取决于 Div 的宽度(当前为宽度:100%)。

我试过使用 display:inline-block 但似乎不起作用。必须有什么东西会起作用？基本上我有一个宽度为 100% 的 Div 包装器，然后是一个特定宽度的 Div 容器。

所有这些里面的一个 Div 的背景，有一个背景图片，我需要根据宽度自动调整大小。该网站缩小了大小，因此它适合移动设备，这就是我遇到背景图片仍然很大的问题。

相关页面的链接在此处 - Link to Page

下面的代码，就是上面提到的一堆Divs:

#content-home {
    float: left;
    min-width: 100%;
    padding: 40px 0px;
}

.home_container {
    margin: 0 auto;
    width: 320px;
}

希望大家帮帮忙!警告一下，它也是一个 WordPress 网站，但这特别是一个 CSS 问题。我不太确定是否有 Javascript 或 jQuery 函数能够处理这个想法？

谢谢!

标记

Answer 1

问题似乎在于您混合使用 % 和 px 单位来计算宽度。尝试对两种宽度仅使用 %。

如果那不是问题，请尝试仅使用“宽度”而不是“最小宽度”。似乎“最小宽度”属性可能是问题所在。