Css 在移动/iOS视图中，是否有方法防止弹出窗口比页面高？

在我客户的网站上，单击“显示协议”链接时，我用来显示他们产品的许可协议。因此，我将内联类型用于一大块很长的文本。它可以在桌面上完美地工作。但它在移动设备的底部变得一团糟

如果我理解正确，在桌面视图中，放大弹出窗口将

设置为

溢出：隐藏

，并将弹出窗口设置为

位置：固定

。在移动视图中，它不会这样做

这将是罚款，除了我的弹出窗口是如此之高，它超过了我的页面高度。这意味着它开始在底部看起来破碎

---

我很想让它在移动/iOS上像在桌面上一样工作，但我开始怀疑这是否可能。如果有人有什么想法，我很想听听。谢谢

您可以在弹出窗口中添加

max height:100%，overflow-y:scroll

。通过这种方式，它可以是最大的视口大小，但用户可以在其中滚动。

对于

放大弹出窗口-v1.1.0-2016-02-20

对我有用的是

.mfp-bg,
body.mfp-zoom-out-cur {
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
}

---

mfp-bg

是一种背景，可以比viewport更大，并允许滚动

您是否考虑过使用@media为移动设备应用特定样式？以此链接为例，感谢您的评论。事实上，我在将规则应用于不同的设备/宽度时并没有遇到问题……我的问题是我不知道一个好的规则可以应用。呜呜！成功了，好主意！我唯一添加的是

-webkit溢出滚动：触摸以使其平滑。非常感谢：）没问题，很高兴在
-webkit-overflow滚动：touch上它起了作用，并且思考得很好