自动图像重新调整大小

时间:2012-11-29 05:03:07

标签: html css

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

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

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

谢谢!

1 个答案:

答案 0 :(得分: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或其变体,并检查元素以找到您可能忘记的部分。