как включить sub-index.html в index.html

#html

#HTML

Вопрос:

У меня есть old-index.html для проекта со старым сенсорным экраном (800 * 600 пикселей) теперь у меня гораздо больший сенсорный экран (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 внутри этой области …..), это будет здорово!

Ответ №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. спасибо, это работает, но странная вещь заключается в том, что страница вставки не полностью соответствует границе области, которую я определил, я использую boostrap , я пробовал style=»position: absolute;» или style =»text-align: center;», вставляемая страница всегда сдвигается вправо примерно на 10 пикселей и оставляет около 10 пикселей слева. Заполнение области просто не могло управлять внутренней вставленной рамкой,

2. Рад помочь. Что касается проблемы с макетом, если у вас есть образец кода / ручка, отправьте вопрос, и мы сможем его рассмотреть.

Ответ №2:

Просто поместите все старые материалы в тег section и сделайте новый отзывчивым, чтобы плавно изменять размеры старого в большем окне просмотра, что, я думаю, вы пытаетесь сказать. Я не знаю наверняка, понял ли я проблему.

1. спасибо, новый размер сенсорного экрана фиксирован, например, 1920 * 1024, старый размер сенсорного экрана равен 800 * 600, поэтому в новом сенсорном экране 1920 * 1024 я определю область 800 * 600, чтобы сохранить всю старую информацию. и добавить новую информацию за пределами этой области 800 * 600. Я обновил вопрос, надеюсь, это прояснит мой вопрос.

2. О, итак, следуя моему ответу, я думаю, что гибкие поля CSS должны сработать, если вы еще не просмотрели его. Вы можете разместить все старые материалы внутри одного из элементов flex и упорядочить их так, как вы хотите, с тем, что будет на новой странице. Вам действительно нужно как-то объединить вещи, но, на мой взгляд, это самый простой способ. Я надеюсь, что мой ответ был полезным. Желаю удачи!