首頁  >  文章  >  web前端  >  全螢幕載入一個頁面的實例教程

全螢幕載入一個頁面的實例教程

零下一度
零下一度原創
2017-05-13 13:39:201449瀏覽

一個簡單的訴求,一個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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn