无法在 Safari 上将 display:flex 应用于 iframe 的正文元素

Question

我一直在尝试将规则应用于 iframe 的主体元素，如下所示：

body {
  background:white; 
  margin:0; 
  overflow:hidden; 
  height:100vh; 
  width:100vw; 
  font-size: 3vw; 
  display:flex !important; 
  align-items:center; 
  justify-content:center; } 

但它在 Safari 上应用的是这样的：

  body{
    display:block;
    margin-top: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    margin-left: 8px; ...}

它覆盖了我为边距和显示设置的规则，并具有自己的默认值*UserAgent样式表。有没有办法阻止它这样做？

[更新] 从iOS7+更新开始，此错误不再有效。

Answer 1

尝试像这样将类设置为正文

    .anyClass{
       display:flex;
       ...
    }

如果这不起作用，请尝试发送 jsFidle 代码