Отзывчиво встраивать веб-страницу в веб-страницу

0

Я создаю webapp, предназначенный для iDevices, который будет использоваться в сочетании со школьным сайтом. Я хотел бы, чтобы в одном разделе веб-приложения был встроенный клип на веб-сайте школы. Обычно я использую что-то вроде этого и делаю с ним:

<object data=http://www.schoolwebsite.org width="600" height="400"> <embed src=http://www.schoolwebsite.org width="600" height="400"> </embed> Error: Embedded data could not be displayed. </object>

Но это не будет реагировать, а также объясняет ротацию iPad или использование другой платформы.

Как мне отредактировать этот код или создать новый код для встраивания существующей веб-страницы в другую веб-страницу?

Теги:
responsive-design

2 ответа

0
Лучший ответ

Тег, который вы ищете, - iframe:

<iframe src = "http://www.example.com" />

Это показывает веб-страницу, указанную на странице, в которой находится код.

Вы также можете настроить его, если хотите, указав границу в style:

<iframe src = "http://www.example.com" style = "border: 1px solid" />

Замените 1px на размер границы.

Также в теге стиля вы можете указать size, или вы можете просто указать свойства width: and height.

Поделиться
  • 0
    Это работает очень хорошо, спасибо. Однако, каков наилучший способ обеспечить полноэкранный режим на каждом устройстве? Или хотя бы в тех областях, в которых у меня нет навигационной панели.
  • 0
    @Wizkashifa Ну, чтобы сделать его полноэкранным, вы должны указать ширину и высоту как «100%».
0

попробуйте iframe:

<iframe src="http://www.schoolwebsite.org" style="border:1px black solid;" name="frame" scrolling="auto" frameborder="0" align="top" height="400px" width="600px">
</iframe>
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню