How do you make a Web page fit on every screen resolution

Answer 1

width: 100%;
height: 100%;
min-width: 1000px;
min-height: 1000px;
and height:auto;
width:auto;
@media screen and (min-width: 400px) {
body {

}
}
many ways to do

Answer 2

By making a Dynamic Web Page.

⬜Web pages can be either static or dynamic. "Static" meansunchanged or constant, while "dynamic" means changing or lively. Therefore, static Web pages contain the same prebuilt content each time the page is loaded, while the content of dynamic Web pages can be generated on-the-fly.

🔳⚫
Web pages that use server-side scripting are often created with the help of server-side languages such as PHP, Perl, ASP, ASP.NET, JSP, ColdFusion and other languages. 💠These server-side languages typically use the Common Gateway Interface (CGI) to produce dynamic web pages.

Answer 3

just add the meta viewport tag in your document's head

Answer 4

try not to use fixed width/height values for your elements. if you say your paragraph (or any other element) should have a width of 1980px may look good on a monitor with the same pixel width or more, but would be annoying on a smaller screen resolution as you would have to scroll right-left.

using % (relative) values is a better option. or you can just use a framework lime bootstrap which does just that: help you make responsive websites that fit on any screen.