如何在引导模式中显示溢出内容?

I am using modals from bootstrap for my web/mobile application. And my intention was for my modals to fill up on the whole mobile screen when they are triggered. I have a added a custom css to make my modals 'full size'.

我正在使用从引导到我的web/移动应用程序的modals。我的目的是让我的情态动词在被触发时占据整个手机屏幕。我添加了一个自定义的css，使我的modals“全尺寸”。

.modal {
  &.full_size {
    top: 0;
    bottom: 0;
    left: 0;
    margin-left: 0;
    width: 100%;
    height: 100%;
  }
}

However, on the mobile phone, although I did successfully see a full screen modal being display, I don't seem to be able to see the contents that 'overflow' from the full screen modal i.e. if the content height is greater than my screen height, I won't be able to scroll down to see the rest of my content.

然而,移动电话,虽然我成功看到一个全屏模式显示,似乎我不能够看到“溢出”的内容全屏模式即如果内容高度大于我的屏幕高度,我无法向下滚动看到我剩下的内容。

How can I resolve this so that I can scroll and see all my content in my modal?

我该如何解决这个问题，以便我可以滚动并查看我的模式中所有的内容?

1 个解决方案

#1

Try adding overflow:auto; to allow scrolling when the content exceeds the container's dimensions

尝试添加溢出:汽车;当内容超过容器的尺寸时允许滚动。