Html 如何在'；它比窗户宽吗？

我的所有内容都有一个1000像素宽的容器，垂直和水平居中。上面的div是1600px，左边距是-300px，以匹配下面的“满出血”背景图像。我想我的标志，以证明左与宽显示器上的图像，但推动时，窗口小于1600px。目前，它已溢出窗口

注意：我通常会在container div之外运行header，但是整个过程是垂直居中的，这会偏离居中，所以我希望将container作为父对象

---

CSS3通过使用@media标记有自己类型的If语句

Do CSS for larger than 1600px

@media screen and (max-width: 1599px) {
    replace CSS with new css if the screen is less than 1600px
}

对于较旧的浏览器，可以使用Jquery复制这一点

//first bind the resize event
$(window).bind("resize", methodToFixLayout);

function methodToFixLayout( e ) {
var winHeight = $(window).height();
var winWidth = $(window).width();
//adjust elements css etc.....
//$("#someDiv").css('someProperty',someValue based on winHeight and winWidth);
}

---

我不可能按我想做的方式去做。设置宽度后，将断开与窗口或框架大小的任何连接，因此在设置内容宽度之前，我必须将父元素分支。结果如下：

---

我需要让它与旧浏览器兼容。我们的大多数客户都在亚洲，使用不可预测的浏览器。我唯一能看到的其他选择是使用Jquery捕捉窗口调整事件。您还可以在文档加载时运行methodToFixLayout来进行初始调整大小的修复。我注意到Bing的主页似乎做了一些与我尝试实现的类似的事情。它也可以在关闭Javascript的情况下工作。看看他们的html/css，他们必须使用上述css if语句之一。只有css和javascript可以处理窗口大小重新调整时的事件更改这就是您所说的吗？这和我想做的很相似，但是我实际上需要它在没有绝对定位的情况下工作。容器相对定位，因此我可以将其垂直居中。还需要应用最大左侧限制。一旦窗口超过600px，它就不应该再与窗口对齐，而是与内容保持200px的距离。我更新了原始帖子上的链接，以便更准确地描述我正在做的事情。

min width

和

max width

包含的元素可能有效，但我还是有点搞不清楚你到底在练习什么。