标题图片的CSS，居中，最大宽度％

Question

我有一个gif可以在标题中使用并且能够使用html放置它但是，我无法居中并希望利用最大宽度100％来考虑更小的屏幕尺寸。 Img src在小屏幕上制作滚动条时GIF太大。我是CSS的新手，到目前为止还没有找到答案。它用于方形空间中的代码注入。

Answer 1

在你的gif上使用margin：auto使其水平居中。您也可以使用div而不是img标签并使用background-image属性。

Answer 2

见这里，这是一个完整的演示：

h1{text-align:center;
    background-image:url('http://www.liveside.net/wp-  content/images/archive/2008/01/hackspacesblogbkground_2.jpg');
    background-repeat:no-repeat;
    background-size:cover;
  box-shadow:3px 4px 2px #000;
  max-width:850px;
  width:100%;
  margin:0 auto;
}

点击图片，看看会发生什么。

http://codepen.io/damianocel/pen/dYKxgW

您只需要在相关的meia查询上设置最大宽度。