Question

在某个窗口宽度（约1100px）下遇到问题我网站标题页的背景视频开始引发问题。很难解释，但第一个div（titlecontainer）和下面的一个（关于容器）之间出现了一个莫名其妙的差距。测试服务器地址是：mintrain。公司英国

任何帮助都会很棒。我已经阅读了模拟背景大小：html5视频的封面，但它没有解决div高度有限的问题。谢谢，杰克

Answer 1

而不是将位置设为绝对位置使位置固定。这应该可以解决你的尺寸问题！

#bgvideo {
    position: fixed;
    transform: translate(-50%,-50%);
    background-color: #232528;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
}

@media only screen and (max-width: 1000px) {
#bgvideo {
    position: absolute;
    transform: translate(-50%,-50%);
    background-color: #232528;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
} }

推挤在父母div之外的背景录影

1 个答案: