用于标题图像的CSS，居中，最大宽度％

我有一个gif在标题中使用，并且已经能够将它与html放在一起，但是我无法居中它并想利用最大宽度100％占用较小的屏幕尺寸。 Img src使得GIF在小屏幕上显得太大而无法制作滚动条。我对CSS相当陌生，到目前为止还没有找到答案。它用于在方形空间中进行代码注入。用于标题图像的CSS，居中，最大宽度％

来源

2015-11-01 tmpnshmnt2000

显示您的html和css代码。 – razzak

再次，这是非常新的。但我最初使用img src“GIF的URL”，它可以工作并放置在标题中。不过，据我所知，对齐中心不会影响图像。另外，当在iPhone中查看时，它会创建一个滚动条来查看所有内容。 – tmpnshmnt2000

欢迎来到Stack Overflow！寻求代码帮助的问题必须包含在问题本身**中重现它所需的最短代码**。请参阅[**如何创建一个最小，完整和可验证的示例**]（http://stackoverflow.com/help/mcve） –

使用保证金：自动在您的gif使它居中水平。您也可以使用div代替img标签并使用background-image属性。

来源

2015-11-01 20:43:00 yesarpit

对于屏幕尺寸，style = max width 100％ – tmpnshmnt2000

您可以将显示块添加到Css中的img中，或者将其用作div中的背景，如上所述。 –

看到这里，这是一个充满了演示：

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; 
}

点击PIC看看会发生什么。

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

你只需要设置你的最大宽度上的相关MEIA查询。

来源

2015-11-02 00:03:36

用于标题图像的CSS，居中，最大宽度％

回答

相关问题