欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

全屏加载一个页面的实例教程

程序员文章站 2022-03-28 18:27:13
...
一个简单的诉求,一个html页面,里面什么都不做,就加载另一个页面,比如baidu.com,但需要全屏显示,用iframe弄了半天,高度就是不能全屏。

我查了下资料,下载总算能弄出来了,特地来分享,代码如下

<!doctype html>
<html lang =“en”>
<HEAD>
<meta charset =“UTF-8”/>
<title>页面名称</ title>
<style type =“text / css”>
html,body {
身高:100%;
保证金:0;
溢出:隐藏;
}
iframe {
保证金:0;
border-style:none;
宽度:100%;
身高:100%;
}
</样式>
</ HEAD>
<BODY>
<iframe src =“www.baidu.com/”> </ iframe>
</ BODY>
</ HTML>

【相关推荐】

1. 特别推荐“php程序员工具箱”V0.1版本下载

2. 免费html在线视频教程

3. php.cn原创html5视频教程

以上就是全屏加载一个页面的实例教程的详细内容,更多请关注其它相关文章!