如何在小屏幕上全屏播放小册子弹出窗口？

Question

在小屏幕（手机）上，小册子弹出窗口有溢出屏幕的倾向。我想在min-width和max-width媒体查询中编写一些css规则，以使弹出窗口全屏显示小型设备。

图书馆有很多定位，我很难超越这些规则。

@media (min-width: 1px) and (max-width: 500px) {
    .leaflet-popup-content-wrapper {
        position: relative;
    }
    .leaflet-popup-content {
        position: fixed; //Tried absolute, too
        top: 0;
        bottom:0;
        right:0;
    }
}

Example JSfiddle