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

零下一度

Lepaskan： 2017-05-13 13:39:20

asal

1535 orang telah melayarinya

一个简单的诉求，一个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>

Salin selepas log masuk

【相关推荐】

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!

Label berkaitan：

全屏，加载，教程

sumber：php.cn

Artikel sebelumnya：html基础教程之认识标签（二） Artikel seterusnya：利用HTML制作一个仿淘宝的五星评价实例

Kenyataan Laman Web ini

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

Artikel terbaru oleh pengarang