缩小浏览器就不见了怎么办看这里!网页缩小浏览器窗口后背景色丢失解决方法

在制作网页而不是响应式的时候，根据各自的要求，通常会在网页上设置一定的版心，有时会出现以下问题！

整个条形的100%有背景色的DIV。然后可以设置1200px中心显示。如果此页面随浏览器窗口一起缩小，则缩小直到水平滚动条出现，然后向右拉动滚动条，包含背景颜色的DIV将出现空白空间！今天说说怎么解决这个问题吧！

让我举一个例子。

浏览器中出现滚动条时，缩小图片。

如果向右拖动水平滚动条，视口外部的背景颜色将丢失。

解决方法：

在外部div上方安装min-width: 1200px。可以解决

外部div的宽度为100%。也就是视口的大小。如果视口缩小到小于内部div的宽度1200px(例如800px)，则外部div的宽度为800px，内部div的宽度仍为1200px。CSS只有800，因为只有外部div设置为背景色。