css - 无法应用显示 :flex to body element of iframe on Safari?

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

尝试将类设置为 body 那样

    .anyClass{
       display:flex;
       ...
    }

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