在Bigcartel中居图像

Question

在我的网站上here我有一张最初为2315×3274的图片。我想要的是将图像放在每个设备的中心位置，到目前为止，我已将图像放在笔记本电脑的中心位置但是当我在桌面上查看它时，它根本不居中。水平居中是首选，但横向和纵向都是最佳结果。这是代码

由于

#1 .page {
    margin: 0 auto;
}

<p>
<a href="/2"><br>
  <img style="width:100%;margin:0 auto;max-width: 3274px;display:block;margin-right: -150px" src="https://i.imgsafe.org/bdd0c10a55.jpg" alt="1"><br>
</a>
</p>

Answer 1

将图像设置为背景会更容易。 在<img ... />的位置添加以下内容：

HTML

<div class="img-responsive"></div>

CSS

.img-responsive{ background: url('https://i.imgsafe.org/bdd0c10a55.jpg') no-repeat center top; background-attachment: relative; background-position: center; width: 100%; height:100%;/* or any that you want */ /*-webkit-background-size: 90%; can be used to control the image size*/ }