Responsive design 小屏幕基础显示尺寸

我使用的是一个显示模式，但我发现-如文件所述-在小屏幕上，显示是屏幕宽度和高度的100%，而我需要一些空间。。。有什么想法吗

---

谢谢

您没有提供任何代码或进一步的详细信息

您可以在展示上使用以下类，也可以根据需要创建自己的类：

微小的

小的

大的

满的

在小屏幕上，模式始终为屏幕宽度的100%。在中型和更大的屏幕上，宽度更改为600px（请参阅$REVEL WITH设置）

---

我也有同样的问题。基金会的揭幕让所有“小”情态动词全屏播放。我想在某些情况下禁用这个特定的模态。我查看了设置文件，似乎没有这个选项。仅仅创建自己的css来覆盖这一点是不够的，因为reveal还使用JavaScript设置与视口顶部的距离

理想情况下，我们可以有一个类或属性，如data discover small full=“false”

作为一个临时解决方案，我已经创建了一个强制覆盖的样式显示使用创建小全屏行为

/* Vertical center mixin
   ========================================================================== */

@mixin vertical-align($position: relative) {
    position: $position;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* Force override of default reveal fullscreen for small behaviour 
   ========================================================================== */

[data-reveal-small-full="false"] {
    @include breakpoint(small only) {
        @include vertical-align();
        border-radius: $reveal-radius;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        max-width: calc(100% - 20px);
        min-height: 0;
        width: $reveal-width;
    }
}