Jquery 位置和可扩展性，如果窗口大小改变，标识停留在整个时间的中间 不管图像尺寸如何，我都很难把图像定位在中间，并保持在中间。这里是JSFIDLE的链接

尝试将此添加到你的.logos img类

left:50%不起作用的原因是它使用50%作为起点，并从那里开始计算位置-从左到右

---

编辑：另一种方法-测量身高时：20%；这也会影响宽度，请计算图像的水平大小并将其除以2。将左边距设置为该结果的负值。这样，您只需要左：50%，但它不是那么灵敏，对于不同大小的图像也不能正常工作。

我会选择这样的方式：

HTML:

<div class="logos">
  <img class="itunes" src="http://upload.wikimedia.org/wikipedia/en/0/0c/ITunes_11_Logo.png" alt="itunes icon"/>
</div>

给你一张支票

---

通过这种方法，您的图像是垂直和水平居中的，并且具有一定的响应性。如果您需要较小的图像，只需拍摄较小的图像并保存一些字节。

可能复制到@user3700007我推荐的方法对您有效吗？

margin-left: auto;
margin-right: auto;
left: 0;
right: 0;

<div class="logos">
  <img class="itunes" src="http://upload.wikimedia.org/wikipedia/en/0/0c/ITunes_11_Logo.png" alt="itunes icon"/>
</div>

/* I guess you already have something like this for the html and body in your CSS */ 
html, body { margin: 0; height: 100%;}

.logos {    
    height: 100%;
    text-align: center;
    white-space: nowrap;
    overflow-x: hidden;
}

.logos:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;    
}

.logos img {    
    z-index: 998;
    display: inline-block;
    vertical-align: middle;    
    max-width: 100%;
    height: auto;
}