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

Example tutorial for loading a page in full screen

零下一度
零下一度Original
2017-05-13 13:39:201493browse

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>

[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!

Statement:
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