在Safari iOS（9.1）上未正确应用CSS样式。
可能有什么不对？或者可能缺少什么？
在这个项目中，我在iframe中使用PDFJS来显示PDF文档; bootstrap使应用程序响应，JavaScript动态地将类样式应用于某些HTML元素。
我尝试过最近的桌面浏览器，如Chrome，IE，Firefox，Safari（MAC OS X）和Android设备，一切看起来还不错。当我在Safari（iOS）中尝试时出现问题。
在Safari（iOS 9.1）中，如果元素在视口区域中可见，则它们仅应用于元素。当我切换屏幕方向时也会发生这种情况。
触发PDFJS的事件pageRender时设置html元素的样式。
<html>
<head>
<meta http-equiv="x-ua-compatible" content="IE=10">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta charset="ISO-8859-1">
</head>
<body>
...
<div id="document-frame" class="document-container">
<iframe id="pfdjs_frame" style="width: 100%; height: 100%; border: 0;"></iframe>
</div>
...
</body>
</html>
<html dir="ltr" mozdisallowselectionprint moznomarginboxes>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="google" content="notranslate">
</head>
...
</html>
/**
* The default style for all fields.
*/
.DefaultStyle {
opacity: 0.6;
background-color: #E9E9FF;
border: 1px;
-webkit-background-size: contain;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
background-size: contain;
}