Question

我有以下页面：

                <div class="Container100" 
                    style="text-align: center; margin-top: 15px;">
                    <img 
                        style="width: auto; max-width: 100%; height: auto; text-align: center;"
</img>
                </div>

                <div class="Container100">
                    <div class="Card ShadowEffect"
                        style="text-align: center;">
                        <div class="ContainerIndent">
                            Text
                        </div>
                    </div>
                </div>

现在的问题是：我想将图像的大小调整为页脚和图像在一页的宽度，并且不需要滚动。目前img是大的，我必须向下滚动以获得页脚。如何将图像调整为特定宽度响应？我可以定义像500px的宽度，但这不是我想要的，因为宽度/高度应该很大，以至于图像和页脚出现在一个页面而不滚动。我怎么能这样做？

Answer 1

使图像宽度100％以及您的页面高度和宽度。还将浮动设置为自动

Answer 2

为图像和页脚设置宽度和高度（％）。

例如：如果图像宽度为屏幕的95％，则设置宽度：95％; 然后将页脚设置为宽度：5％;

应该是这样：）

在没有滚动条HTML的情况下，将图像设置为仅一页的宽度

2 个答案: