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

Source: Internet
Author: User

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.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.