Rumah  >  Artikel  >  hujung hadapan web  >  全屏加载一个页面的实例教程

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

零下一度
零下一度asal
2017-05-13 13:39:201450semak imbas

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

Atas ialah kandungan terperinci 全屏加载一个页面的实例教程. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn