响应式地将网页嵌入网页中



我正在构建一个专为iDevices设计的Web应用程序,以便与学校网站结合使用。我想让网络应用程序的一个部分有一个学校网站的嵌入式剪辑。通常我会使用这样的东西,然后完成它:

<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的轮换或不同平台的使用。

如何编辑该代码,或创建新代码以将现有网页嵌入到另一个网页中?

您要查找的标签是 iframe:

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

这将显示在代码所在的页面中指定的网页。

如果需要,您也可以自定义它,在style中指定边框:

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

1px替换为边框的大小。

同样在样式标记中,您可以指定size,也可以只指定width:height属性。

尝试使用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>

最新更新