Html 具有自动边距的css div不会缩小

我有一个div，它需要水平居中，并且可以比它的宽度小

我使用此代码将div居中，但它不适用于缩放。div的缩放比例不会小于其最大宽度。Firefox和IE都是如此

/* CSS doesnt work in Firefox and IE */
.center
{
    max-width: 940px;
    height: inherit;

    background-image: url(../img/koeien%20liggen.JPG);
    background-size: 100% auto;
    background-repeat: no-repeat;

    margin-left: auto;
    margin-right: auto;
}

/* HTML */
<div class="headerWrapper">
    <div class="center"></div>
</div>

/*CSS在Firefox和IE中不起作用*/
居中
{
最大宽度：940px；
身高：继承；
背景图片：url（../img/koeien%20liggen.JPG）；
背景尺寸：100%自动；
背景重复：无重复；
左边距：自动；
右边距：自动；
}
/*HTML*/

---

在IE、Firefox和Chrome中调整浏览器大小时，如何使div水平居中，并使其缩放得更小？

如果要缩放中间div，则不能使用最大宽度，而是使用百分比宽度，因此两边都有边框。使用“媒体查询”将宽度设置为100%，从而在您选择的任何视口宽度下删除边框。还要记住，世上没有“身高：继承”这样的东西。CSS不会比较对象，而是同等地影响对象。不过，你可以说“高度：自动”

.center
{
最大宽度：50%；
身高：继承；
背景色：红色；
背景图片：url（../img/koeien%20liggen.JPG）；
背景尺寸：100%自动；
背景重复：无重复；
文本对齐：居中；
左边距：自动；
右边距：自动；
}
.头巾{
背景：水；
}

事情

您可以尝试将%width设置为div，并在调整窗口大小时调整其大小

---

另一种难看的方法是在窗口调整大小时使用js动态调整大小（这将使您能够定义自己的调整步骤）

尝试

width:100%边距：0自动；我不理解这个问题，但请检查此链接：-