iOS本机邮件应用程序未在邮件正文中显示HTML片段

Question

我创建了一个带有交互式元素的HTML电子邮件，当通过内置于iPhone / iPad的iOS中的iOS本机邮件应用程序进行访问时，该电子邮件具有某些客户端的制表功能，但是，我似乎遇到了内容不显示的问题。

我已经使用复选框来实现Tab键功能以及CSS动画。

https://bestclownintown.co.uk/news/GT_cats.html

我有一个简单的媒体查询，以HTML内的Apple / Retina显示设备为目标，这些设备应该显示交互式内容而不是回退：

@media screen and (-webkit-min-device-pixel-ratio:0) {
.fallback {display:none;display:none!important;max-height:0;overflow:hidden;}
.interactive {display:block!important;max-height:none!important;background-color:red;}
}

.interactive容器<div>内发生了一个奇怪的问题，在该容器中呈现了各个按钮以导航选项卡。但是，.tab1到.tab6中包含的内容不会显示，而且我不明白为什么会这样。

在运行本地邮件应用程序上的iOS 12.1的iPad mini 2上进行了测试