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样式。

您可以在此处查看示例：LINK

我该怎么办？

Answer 1

你的风格没有泄漏。您的iframe不够宽，无法看到“完整视图”，并且您的样式具有响应性，并且在较小时无效。让你的iframe更宽，它看起来就像你想要的那样。如果您从consolidated.css中的max-width: 960px;样式中删除#affero-page，则应该会看到它。

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

阻止父页面覆盖iframe样式

1 个答案: