Question

我的所有内容都有一个容器，宽度为1000像素，垂直和水平居中。顶部div为1600px，左边距为-300px，以匹配其下方的“全出血”背景图像。我希望我的徽标能够在宽显示器上显示左侧图像，但是当窗口小于1600px时推入。目前它溢出窗外。

注意：我通常会在容器div之外运行标题，但是整个事物都是垂直居中的，这会使中心失效，所以我想把容器保留为父级。

Answer 1

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);
}

references

Answer 2

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

http://jsfiddle.net/vgK6s/5/

如何将div元素推入比窗口宽的div中？

2 个答案: