Question

目前我无法让我的网站按比例缩放到浏览器尺寸。

例如，我页面上主容器中的第一个图像由

定义

<div class = "container">
<div class ="titlecontainer"><img src="../img/topleft_title.jpg" alt="TopLeftTitle" / </div> </div>

使用CSS

.container {
    width: 1920px;
    margin: 0 auto;
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
    position:relative
}
.titlecontainer {
    max-width: 960px;
    max-height: 107;
    margin-left: 0px;
    margin-top:20px;
    padding-top: 0px;
    padding-right: 0px;
    overflow: hidden;
    float:left;
    position:relative;
    size:relative
}

我被告知可能使用％（百分比）而非px（像素）来定义我的最大宽度和最大高度可能会解决这种情况，但尝试并测试了这种方法后，我还没有收到任何结果。如果您能就此问题提供任何帮助，我将非常感谢，如果您需要任何进一步的信息，请告诉我。

Answer 1

您是否尝试过添加宽度：100％和/或高度：100％？把它们放到容器的css上

获取DIV及其中的内容可扩展到浏览器大小？

1 个答案: