响应地在网页中嵌入网页

时间:2013-11-13 01:17:54

标签: html responsive-design

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

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

如何编辑该代码,或创建新代码以将现有网页嵌入其他网页?

2 个答案:

答案 0 :(得分:0)

您要找的标签是iframe:

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

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

如果需要,您也可以自定义它,在style

中指定边框
<iframe src = "http://www.example.com" style = "border: 1px solid" />

1px替换为边框大小。

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

答案 1 :(得分: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>