What is the width and height of a typical web page, and what is the resolution

What is the width and height of a typical web page, and what is the resolutionNow the general computer browser to adapt,In Photoshop, the width is 960 pixels is the most suitable,You can refer to Sina、NetEase and other portals**Width value。

Below, are the reference values of a few points of resolution in different periods.

1. When the screen resolution is low (640 x 480), this is around 2000, and the common browser is this resolution, but it has been eliminated.

2. It is 1024x768 resolution, which is very popular, and in fact, in the design, the design value of 760 pixels in photoshop is the most suitable.

3. With the advent of the current widescreen era, 1024 has also been slowly eliminated, and now it is all the era of large screens, basically, from the perspective of designing web pages, on Photoshop, a width of 960 pixels is the most suitable.

4. With more and more tools being browsed, including mobile phones, ipads, etc., adaptive web design functions have appeared, which require HTML5 and div+css ** calls.

1. First open the browser and click to select the "three" icon button in the upper right corner.

2. Then click on the "Options" button in the new interface.

3. After that, click on the "Advanced Settings" button on the left side of the new interface.

4. Then click on the right side of the web page zoom in the new interface to select the appropriate resolution to set the web page resolution.

1.Open a webpage and find a "View" option at the top right of the webpage.

2.Click on the "View" option and a drop-down menu will appear below to find the "Page Zoom" option.

3.Mouse move to the "web page zoom" option,Automatically pop up a list menu,Inside is the scale of zoom,As long as you select the default is 100%OK,The web page can be full of screen to adapt to the computer interface。

1. First open the browser on the computer, and then open a random web page. At the top of the web page, click the Toolbar, as shown in the image below.

2. Then in the drop-down options in the toolbar, find Developer Tools and click to enter.

3. After entering, a new page will be displayed, and at the top of the new page, find the Image click.

4. Click Show Image Size in the drop-down menu of the image and check it to close this page.

5. Then look at the ** in the web page, and the number displayed on the ** is the size of the **.

In many, 90% of them define a width of 1000. Although displays are getting wider nowadays, there is no guarantee that all users will have such a large monitor. To do**, only **to adapt to users (including browsers), so, to focus on the overall situation, to create a good user experience, it is necessary to adapt to the browsing style of the majority of users.

I highly recommend you a width of 1000px