在横向模式下手机上的字面画布

Question

是否有一个内置的解决方案来绕过应用于字面画布的min-height: 400px;？ - 不要覆盖它，但减少界面内的边距/填充或换出较小的菜单按钮？字面上的画布似乎无法在大多数手机中显示 - 这是一种耻辱，因为它看起来像是大约40-60px关闭。

Answer 1

字面上的canvas在其包装div上使用了一个名为.literally的类，以便在移动设备的横向屏幕全屏显示时最小化界面（所有按钮等）：

:fullscreen .literally *
{
    margin-top: 0px !important;
    margin-bottom: 1px !important;
    padding: 0px !important;
    line-height: 100% !important;
}

然后对于字面上的canvas div，我按如下方式重置min-height：

:fullscreen .literally
{
    width: 100%;
    height: auto;
    min-height: 325 !important; /* reduce literally canvas's min-height */
}

这会使应用程序减少到足以适应。