How to make a page height occupy the entire screen_html/css

How to make a page height occupy the entire screen_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:53:28

Original

2285 people have browsed it

For example, I am now making a login interface. I want to make the entire page full screen according to the different screen sizes of users.
I set height: 100%, which is invalid. The width is still the same. Yes, thank you

It is said that you can use js to get the resolution of the current user first, and then set it
I don’t know how, and I don’t think this method is easy to use.
Is there any other way? If so How to do it if the front end does not know js?

Reply to the discussion (solution)

First define

html{
height:100%
}

Earlier versions of ie may not support

First define

html{
height:100%
}

ie early version The version may not support

< body>

Here I want the height of the div with id=left to be the width of the screen. How to do it
html{

height: 100%
}

Add in

html{

height:100%
}

Add in

It still doesn’t work after adding it
In fact, it’s not necessary. You just need to place your elements. Just like the login page, there are few elements. Basically, height:auto is enough. Of course, you can also get the user resolution first. It’s just more troublesome to set the width and height with the rate

Related labels：

怎么让一个页面高度占整个屏幕的

source：php.cn

Previous article：What is the difference between onblur and onfocusout. _html/css_WEB-ITnose Next article：Codeforces Round #278 (Div. 2)-A. Giga Tower_html/css_WEB-ITnose

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