在窗口浏览器上进行 div 拉伸

Question

我有一个div，我想拉伸整个屏幕。它的宽度为 100%，但是当浏览器大小更改时，缩小大小，它只能执行该大小的 100%。我将其更改为 1000 像素，但在我的桌面上它不会拉伸。

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

Answer 1

您应该

使用min-width为较大的屏幕拉伸<div>，而在较小的屏幕上不要低于 1000px：

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

Answer 2

Google 在其标题上定义了最小宽度：

header {
    /* width: auto; possible to omit since it's the default value*/
    min-width: 1000px;
}

示例：http://jsfiddle.net/E78WE/

Answer 3

你可以尝试这样的事情：

.thisStyle { min-width: 1000px; position:absolute; z-index: 9999; width:100%; height:20px; top: 0; left: 0; color: #ffffff;}

并在正文中添加一个div：

<div class="thisStyle">this is some content</div>

并按照您希望的外观（背景颜色等）设置样式

Answer 4

这就是谷歌的做法:)

最小宽度：980 像素;位置：绝对;宽度：1663像素;