小编Krz*_*oda的帖子

iOS WebKit iframe错误描述

iOS WebKit将iframe的大小调整为其内容的完整大小(见下图).这是一个自2016年以来已知的错误,但仍未在iOS 11中解决:https://bugs.webkit.org/show_bug.cgi？id = 155198

我目前的发现

1.对于固定的iframe内容(例如视频)

它足以在下面应用CSS,但它可以防止iframe内容滚动.

.fixed iframe {
    width: 0;
    height: 0;

    min-width: 100%;
    min-height: 100%;    
}

2.对于可滚动的iframe内容(例如页面)

1. 我们需要两个iframe容器:一个作为边界(固定大小),第二个作为滚动区域.
2. 要适合iframe内容,其div容器必须以像素为单位定义w/h.任何相对度量(如%,vw/vh)都不起作用.

3. 一些RWD页面(假设"不完整的RWD")正在经历iframe溢出(iframe不适合iframe容器).不幸的是,我们无法从iframe中解决这个问题并解决此问题,iframe中的文档至少需要:

   body {
       max-width: 100vw !important;
   }
   

   Run Code Online (Sandbox Code Playgroud)

   或者,我们可以将iframe内容缩放为最后的手段.

4. 因为2,为了保持容器比例,我们至少需要使用CSS媒体查询或JS来调整其高度.

一些不完整的解决方案:

• https://github.com/ampproject/amphtml/issues/11133
• https://www.spacevatican.org/2015/4/7/on-mobile-safari-and-iframes/
• Bootstrap Popover内容中的外部HTML文件
• 如何让IFrame在iOS Safari中响应？
• iFrame高度自动(CSS)
• iframe会根据内容自动调整高度而不使用滚动条？
• iframe滚动iOS 8
• iOS8 Safari -webkit-overflow-scrolling:touch; 问题

我的解决方法发布在答案中.

我有一个UIButton透明背景和白色标题的自定义.我正在寻找一个简单的解决方案,以便在系统上实现高亮(白色背景和透明标题)时将其反转UISegmentedControl.

有没有比在用作CALayer掩码的快照上反转alpha更简单的解决方案？

如果没有,你能告诉我怎样才能反转CALayeralpha？