Question

我正在创建一个网站here，以复制Chanel's网站的功能。

目前重新调整尺寸的工作宽度明智，但是当涉及到高度时，我无法让我的生活正常工作，以便图像居中并且略高于页脚。正如香奈儿一样，我的所有图像都是1920 x 1080。如果你只是向下滚动Chanels网站，它会自动向下拉半部分，因为我只使用按钮就可以使用它。

当我在iPad上查看该页面时，只有约75％的网站显示出来。我认为这是对更多的按钮填充，但这不是问题。

谢谢！

Answer 1

如果你只是向下滚动它的Chanels网站它会拉下底部自动降低一半，因为我只能使用它按钮。

这是因为顶部的div是固定的或绝对的。 “下半部分”可能具有100％的上边距，只有在滚动时才可见。

它通过javascript“自动启动”;如果你关闭javascript正常行为。为此，他们可能会使用类似document.body.onscroll = function() { ...animation... }的内容。

div#languages.popin（id = languages，class = popin）的CSS如下：

.popin {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 900px;
    height: 600px;
    margin-top: -300px;
    margin-left: -450px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    z-index: 150;
    overflow: hidden; 
}

我假设通过以下方式，你会得到类似的结果。尝试使用firebug或其变体，并检查元素以找到您可能忘记的部分。

自动图像重新调整大小

1 个答案: