阻止父页面覆盖 iframe 样式

Question

我对此非常陌生，所以如果这很简单或在其他地方被问过，我深表歉意。

我

正在使用响应式表格生成器从Google文档生成表格，然后我尝试使用其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更宽，它看起来像你想要的。 如果从合并.css中的#affero-page样式中删除max-width: 960px;，则应看到它。

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