Question

我使用的是reveal.js code。

代码在我的本地电脑以及jsfiddle

中完美运行

但是我把代码放在我的网站上的那一刻。内容的宽度和高度从1000px变为200px。

如果我使用检查元素......它表示容器的宽度约为600-1000像素......但如果我们在视觉上看到它只显示200px。如果我将数字更改为更大的数字，比如4000px，它变为最大300px。

无论如何，我所说的内容似乎都缩小了。

这是我的website 和工作jsfiddle

自从过去2天以来我一直坚持这件事，检查元素没有帮助

CSS的基本代码是

html, body {
    width:100%;
    height:100%;
    overflow:hidden
}
.reveal .slides {
    position:absolute;
    width:100%;
    height:100%;
    left:50%;
    top:50%;
    overflow:visible;

编辑：经过大量研究，我发现，除了高度，宽度问题，各种过渡都不起作用......有一些令人不安的js代码

Answer 1

只需将此行添加到.reveal .slides css类

即可

zoom: 1 !important;

Answer 2

已移除

<!DOCTYPE html>

并且它有效。不知道逻辑，但我很高兴它现在正在工作。

页面的CSS（高度，宽度）看起来比实际必须小

2 个答案: