Question

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

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代码

无法在Safari上应用display：flex到iframe的body元素？

1 个答案: