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

Question

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

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

score 4 · Accepted Answer

您应该使用为更大的屏幕min-width拉伸<div>而不是在较小的屏幕上低于 1000 像素：

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

score 2 · Accepted Answer

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

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

score 0 · Accepted Answer

你可以尝试这样的事情：

.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>

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

score 0 · Accepted Answer

0

这就是谷歌的做法:)

最小宽度：980px；位置：绝对；宽度：1663px；

于 2012-09-27T21:01:47.940 回答

4 回答 4