The page deforms after the browser is reduced_html/css_WEB-ITnose

When we lay out the outer layer of DIV, we sometimes use width:100%;

.headDiv{

width: 100%;

}

When we shrink the browser, the layout will deform;

At this time we change it to

.headDiv{

width: 100%;

min-width:1360px; /*Give the minimum fixed value,*/

}

When our browser is larger than 1360px

It will be 100% adapted. If the browser is reduced to 1360px, the layout will be fixed according to the minimum value min-width