Solve the Problem of blank background color on the right after the browser window becomes smaller or the image cannot be filled in full screen. The background color of the browser window

Solve the Problem of blank background color on the right after the browser window becomes smaller or the image cannot be filled in full screen. The background color of the browser window

This occurs when a full-screen webpage is created:

It is normal to maximize the display of the window. When the window is reduced, a scroll bar appears. When you drag the scroll bar to the right, a blank area appears. The background color is not displayed, but the element is still in the example:

The full screen display is normal, and then the window is reduced

The solution is to add a minimum height to the body. The value size depends on the basic width of the webpage, or the width occupied by your navigation element (not the background ), take this webpage as an example. If the webpage subject is pixel, add the minimum height to css.

Body {min-height: pixel PX ;}

 

 

Then the problem is solved.