【发布时间】：2020-02-19 16:15:15
【问题描述】：
如果这已在其他地方得到回答，请原谅，我找不到我的确切查询的答案，因此这篇文章。我有一个用纯 HTML 和 CSS 创建的网站，使用 Javascript 和 jQuery 来设置样式功能。但是，该网站没有用于后端的 CMS。这是一个有点简单的网站。
但是，我正在使用 PHP 脚本来运行一个小型电子商务商店。店面很简单，里面有产品，还有一个简单的结账。店面没有任何页眉、页脚或其他任何内容。而且这个店面完全位于一个子目录中（例如/store/index.php）。
现在，我想使用 iFrame 将 /store/index.php 页面放入我的 /store.html 页面的正文中，因为它具有连贯的页眉和页脚、元标记等。
当我将 iFrame 插入 html 页面时，我将宽度设为 100%，这很好，因为 html 页面和店面都是响应式的。
但是，当我使用移动设备访问该网站时 - 或者 - 当我单击具有长描述的产品时，源页面变得比 iFrame 的高度“长”，因此会出现滚动条。这是有问题的，因为页面上现在有两个滚动条，并且在使用移动设备时会变得凌乱。
我和 iFrame 的高度是否可以是动态的，取决于它链接到的页面（源页面）的高度 - 不仅仅是页面加载，而是实时动态？
唯一的另一种方法是在店面构建类似的页眉和页脚，这将是一个漫长而困难的过程，因为前端和店面都是使用不同的 CSS 表格等构建的。
谢谢:-)
【问题讨论】：
-
您是否尝试过使用 javascript 从 DOM 获取所需的高度并将其应用于 iframe？
-
我尝试了一些我发现是 javascript 的脚本，但它们似乎都不是动态的，并且根据源中内容的高度变化（永久且不断地）变化......
-
好的，那么您能否用您已尝试过的内容更新您的问题。 Javascript 和 jQuery 非常有能力实现您想要的，因为它们主要是事件驱动的 - 而且您所追求的东西会根据事件发生变化。
-
已经回答here
标签： javascript php jquery html css