如何在index.html中包含sub-index.html

时间:2019-03-19 00:27:33

标签: html

我有一个用于旧触摸屏项目(800 * 600像素)的old-index.html,现在我有一个更大的触摸屏(1920 * 1024),并且有更多的显示器,一个new-index.html。我希望以一种简单的方式将old-index.html的所有信息保留在new-index.html中,即在新的触摸屏中留出800 * 600的空间,并显示旧触摸屏的确切尺寸。最后一种方法是将old-index.html的所有内容合并到new-index.html中,但工作量过多。如果可以的话,我可以将old-index.html“插入”到new-index.html中(我在new-index.html中定义了一个特殊区域,然后将old-index.html强制插入该区域内..... ),那就太好了!

2 个答案:

答案 0 :(得分:1)

您可以使用IFRAME:https://www.w3schools.com/tags/tag_iframe.asp在新页面中加载整个旧html,而不会引起CSS或JS冲突。

<iframe style="width:800px; height:600px; border:none" src="/old-index.html"></iframe>

答案 1 :(得分:0)

只需将所有旧内容放在一个section标签中,并使新内容响应在较大的视口中平滑地更改旧内容的尺寸,我想您要说的就是。我不确定我是否了解这个问题。