Question

这是我的CSS：

我的<body>包含：

<div class="image-wrap"><img class="image invisible" id="0" src="..."></div>

我要做的是将position: absolute div中包含的图像居中，如果超出浏览器宽度则将其缩小。

这在Firefox中完美运行，但Chromium似乎不允许div扩展到屏幕之外，因此它始终具有最大值。窗口宽度的一半。

Answer 1

更改此代码

body{
    background: #000000;
    margin: 0px auto;
    font-family: Consolas, monospace

}

祝你好运

Answer 2

我现在解决了这个问题：

.image{
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
height: auto;
width: auto\9}

.visible{
visibility: visible}

.invisible{
visibility: hidden;
width: 0px}

有了这个并且没有包装div，它似乎适用于两种浏览器;好吧，仍然没有解决chrome定位的问题。

以绝对div为中心;适用于Firefox，但不适用于chrome

2 个答案: