阻止父页重写iframe样式

Question

我对此非常陌生，所以如果这件事很简单，或者在其他地方被问到，我很抱歉。

我正在使用Responsive生成器从谷歌文档中生成一个表，然后尝试使用他们的iFrame代码将其放在网页上。

生成器给我一些.js文件以及一个.html和.css文件来上传到我的站点。然后，我使用提供的iFrame代码将其嵌入到我想要的页面上。

<div id="table-iframe-container"></div>
  <script src="http://nesemc.com/test/markdown-3/news-table/pym.js"></script>
  <script type="text/javascript">
  (function() {
    var pymParent = new pym.Parent(
      'table-iframe-container',
      'http://nesemc.com/test/markdown-3/news-table/index.html', {});
  }());
  </script>

但是，我认为父页面是如何覆盖生成表的.cs样式的。

您可以在这里看到一个例子：链接

我怎么才能阻止这一切？

Answer 1

你的风格没有泄露。您的iframe不够宽，无法看到“全面视图”，而且您的样式具有响应性，并且在如此小的范围内无法工作。让你的iframe变宽，它会看起来像你想要的。如果您从max-width: 960px;中的#affero-page样式中删除了它，您应该会看到它。

要查看您正在查看的内容，请转到以下页面：http://nesemc.com/test/markdown-3/news-table/index.html?initialWidth=860&childId=table-iframe-container (您的iframe内容)，然后播放浏览器宽度。你会看到一旦你变得太小，它就会显示你是如何拥有它的。