如何使用img的包装器可以占用所有屏幕？

Question

我有2个div，一个是带有img的包装幻灯片，第二个是幻灯片后出现的内容。所以我想制作一个全屏幻灯片，不使用属性位置绝对或固定来保持内容的流动。抱歉我的英语，我是法国人。

<div id="slide">
    <img src="bg.jpg" alt="" />
</div>
<div id="container">

</div>

由于

Answer 1

您是否尝试过将图像调整为100％宽度和高度？你的div必须适应这个，你的身体和HTML标签的宽度和高度也必须是100％......

<img width="100%" height="100%" src="bg.jpg" alt="" />

编辑：您可以使用此样式表来获取您在原始问题中提出的问题：

<style>
    *
    {
        padding:0;
        margin:0;
    }

    body, html
    {
        width:100%;
        height:100%;
    }

    #slide img 
    {
        width:100%;
    }
</style>

如果您想要更多控制权（就像您在评论中稍后提到的那样），则需要使用javascript根据用户屏幕的宽度和高度动态调整图片大小。