css - 在窗口浏览器中拉伸(stretch)一个 div

Question

我有一个 div，我想拉伸(stretch)整个屏幕。它的宽度为 100%，但当浏览器尺寸发生变化、尺寸缩小时，它只会达到该尺寸的 100%。我将其更改为 1000 像素，但在我的桌面上它不会拉伸(stretch)。

基本上我想要一个类似于 Google 在其主页顶部的 div。其中，如果窗口缩小，它根本不会改变，并且在每个台式机/笔记本电脑分辨率上都被拉伸(stretch) 100%

Answer 1

你应该使用 min-width拉伸(stretch) <div>对于较大的屏幕，在较小的屏幕上不要低于 1000 像素:

div {
    min-width: 1000px;
    width: 100%;
}