gpt4 book ai didi

css - 在移动/iOS View 上,有没有办法防止我的弹出窗口比我的页面高?

转载 作者:太空宇宙 更新时间:2023-11-04 03:54:48 26 4
gpt4 key购买 nike

在我客户的网站上,我使用的是 Magnific Popup单击“显示协议(protocol)”链接时显示其产品的许可协议(protocol)。所以我对一大段文本使用内联类型。它在桌面上完美运行。但它在移动设备的底部变得一团糟

如果我理解正确,在桌面 View 中 Magnific Popup 设置 <html>overflow: hiddenpopupposition: fixed .在移动 View 中,它不会这样做。

这很好,除了我的弹出窗口太高以至于超过了我的页面的高度。这意味着它从底部开始看起来破损了。

screenshot of overflow problem on iOS - iPhone

我很想让它像在桌面上一样在移动/iOS 上运行,但我开始怀疑这是否可能。如果有人有任何想法,我很乐意听取他们的意见。谢谢!

最佳答案

您可以在弹出窗口中添加 max-height: 100%, overflow-y: scroll。这样最大的尺寸就是视口(viewport)的大小,但用户可以在其中滚动。

关于css - 在移动/iOS View 上,有没有办法防止我的弹出窗口比我的页面高?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22946706/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com