首页 > web前端 > html教程 > 全屏加载一个页面的实例教程

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

零下一度
发布: 2017-05-13 13:39:20
原创
1536 人浏览过

一个简单的诉求,一个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视频教程

以上是全屏加载一个页面的实例教程的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板