如果您有一个包含多个列的表，并且当屏幕尺寸很小时，该表不适合屏幕，则可以使用table-responsive类使该表在小屏幕上可水平滚动。

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

我想出了一个办法。
首先，我使窗体具有position: relative。
然后，我给出了.levelsleft: 20rem。
最后，我做了一堆媒体查询，以应用在其他屏幕大小的修复：

@media screen and (min-width: 512px) {
    .levels {
        left: 15rem;
    }
}

@media screen and (min-width: 768px) {
    .levels {
        left: 10rem;
    }
}

@media screen and (min-width: 1024px) {
    .levels {
        left: 4rem;
    }
}

@media screen and (min-width: 1280px) {
    .levels {
        left: 11rem;
    }
}

@media screen and (min-width: 1536px) {
    .levels {
        left: 8.5rem;
    }
}

@media screen and (min-width: 1792px) {
    .levels {
        left: 4.6rem;
    }
}

@media screen and (min-width: 2048px) {
    .levels {
        left: 0;
    }
}