页面缩放/内容重叠

我有一个高50px的顶部div，宽度必须是整个浏览器窗口的宽度。我设置了`width：100％;但问题是，当我放大放置在其他内容的其他内容将重叠到其他。我知道宽度：100％;将始终只与当前缩放的屏幕一样多，这就是内容重叠的原因。页面缩放/内容重叠

该div的位置是固定的。我试图用jQuery设置宽度，它可以工作，但是当缩小顶部div时不会保留最大可用屏幕宽度。

(document).ready(function(){ 
    var widthT = $(window).width(); 
    $('#top_status').css("width", widthT); 
});

上面的jQuery放大，但没有缩小，因为宽度已经设置，并没有改变。

我试图以某种方式获得一些作为facebook顶部蓝色栏的作品。无论变焦如何，它都能很好地保持原位。

THX

你在使用一些CSS的'position：fixed'属性吗？ – sdespont

当你说“内容重叠”时，我不明白你的意思。你可能想在[jsFiddle]（http://jsfiddle.net）上创建一个演示来复制问题。据我所知，Facebook没有对他们的菜单做任何事情。 –

这个div正如我所说的那样使用了一个固定的定位。事情是，当我放大内部的内容时，在某些时候会分裂。 – user1965451

如果你发布的jsfiddle我们可以用具体的例子帮助，但你应该能够照顾这些问题Media Queries。在调整窗口大小时，他们可以让您控制断点，并确保无论网站被查看的分辨率如何都很好。

下面是媒体查询一些资源导航：

即使您不想更改结构或将其变为下拉菜单，也可以使用相同的媒体查询来调整菜单元素以使它们适合任何地方。

2013-01-15 17:59:23 Jason

jsfiddle.net/LRSAA – user1965451

回答