Question

我使用html和css为Android应用程序做了一个简单的布局。孔页面有一个背景图片，但我没有将其声明为：

 background-image: url(

因为如此属于我的信息我无法居中吗？因此，我的下一个计划是制作一个覆盖图像的简单div，如下所示：

<body>
<img src="foto.jpg" class="bg">

<div class="oben">
<h1>Playing Audio</h1>

<button onclick="playAudio('test.mp3')">Play Some Audio</button>
<button onclick="playAudio('test2.mp3')">Play Some Audio2</button>
</div>
</body>

我的css如下：

 .image{
position: relative; 
 width: 100%; 
 }
.oben { 
position: absolute; 
top: 20%; 
left: 0; 
width: 100%; 
}

现在回到我的实际问题，图像没有拉伸到100％的视口而是它拥有自己宽度的100％，这意味着大约200px！但我想在整个页面上拉伸它！谢谢！

Answer 1

那是因为没有.image

这样的东西

你应该试试这个

img.bg{
  position: relative; 
  width: 100%; 
}

将图像拉伸到视口的100％

1 个答案: