Home > Web Front-end > HTML Tutorial > Example tutorial for loading a page in full screen

Example tutorial for loading a page in full screen

零下一度
Release: 2017-05-13 13:39:20
Original
1513 people have browsed it

A simple request, an html page, do nothing in it, just load another page, such as baidu.com, but it needs to be displayed in full screen. After using iframe for a long time, the height just cannot be full screen.

I checked the information, and finally I can download it. I am here to share it. The code is as follows

<!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>
Copy after login

[Related recommendations]

1. Special recommendation: "php Programmer Toolbox" V0.1 version download

2. Free html online video tutorial

3. php.cn original html5 video tutorial

The above is the detailed content of Example tutorial for loading a page in full screen. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template