我一直在寻找这些问题的解决方案。基本上，我以前从未使用过bootstrap（或CSS），并且在网上购买了一个模板：http://wrapbootstrap.com/preview/WB0NFRM26
我已经把它变成了这样：www.votgaus.com
那是我的网站。我认为我做得相当不错，因为我知道这是我第一次使用CSS。到目前为止，我已经能够在网上找到除以下两件事之外的所有解决方案：
1） 当在iPhone上打开我的页脚时，它会展开并填充整个屏幕，但不会显示整个文本。解释起来有点奇怪。如果你真的能在iphone上打开它，你就会明白我的意思。最后一行在末尾被截断。唯一能真正关闭页脚并看到顶部徽标的方法是向下滚动（这很好）。但您无法滚动显示最后一行。为什么？这是一些代码。我真的不知道自己在做什么。我把最大高度放在页脚里，但不明白为什么我有一个.折叠页脚。我真的很困惑这个页脚是怎么做的（我是从bootsnipp上取的）。
footer {
background:#764554;
position:fixed;
bottom: 0;
left: 0;
right: 0;
max-height: 100vh;
}
footer .panel {
box-shadow: none;
}
.collapse-footer {
padding-bottom:0px
z-index: 1;
max-height: 100vh;
}
.collapse-footer p {
font-size:14px;
line-height:normal;
}
我认为这源于这样一个事实，也许我真的不明白最大高度属性应该放在哪里。
2） 我的视频需要很长时间才能加载。不是一般的视频，而是章节标题中的视频。每个部分都有一个横幅，背景是视频或图片。我把它们做得很轻，最大可达兆字节，大多数只有500KB。一开始，我开始把我的视频（不是模板中的视频）放在mp4上，每个视频都喜欢10MB。我以为这就是问题所在。该模板实际上有三个不同版本的每个视频（mp4、webm和ogg）。我想我可以选择。所以后来我做了webm并缩小了尺寸。它仍然很慢。所以我一开始就决定去掉加载器，因为它给我带来了很多问题，尤其是在手机上。没有什么然后，我将文件夹的名称更改为webm，并更改了html以获取它。理论上，我应该在jpeg上放一个同名的静止帧，这样在手机上它就可以提取图片而不是视频。这把一切都搞砸了。有时它加载视频，有时加载图片（在手机和电脑上），有时它混合图像，甚至来自单独的文件夹。有时刷新它会让它更好地工作，但与模板的速度相比，它仍然需要很长时间。不明白为什么。我试过制作一个html版本，它不拉视频，只拉静态（通过将src强制为.jpeg），但有时它会拉视频，加载速度非常慢。
我不知道代码的哪一部分与此相关。我的整个css样式表在这里：
www.votgaus.com/cs/main.css
HTML只是www.votgaus.com。引导程序是www.votgaus.com/cs/Bootstrap.min.css。我甚至不知道它是如何工作的SASS是www.votgaus.com/SASS/main.ass
感谢任何能给我小费或帮助我解决这个问题的人，即使只是告诉我该找什么。尤其是装载速度如此之慢。
干杯！
您有自己的流媒体服务器吗？如果没有，也许可以尝试在某个云托管服务器中托管您的视频，请在这里解释-https://aws.amazon.com/blogs/aws/using-amazon-cloudfront-for-video-streaming/