jQuery幻灯片滚动重叠问题

Question

我正在为我的乐队设计一个EPK，我遇到了一些问题。在我的屏幕上，每个浏览器的比例都很棒。但在我的贝斯手电脑上，元素是重叠的。我想知道是否有人可以帮我找出原因？

这是网站： http://www.indefinitedyad.com/epk.html

这里是代码的jsFiddle： http://jsfiddle.net/mkk9F/

以下是它在屏幕上的显示方式： http://img.photobucket.com/albums/v410/justice4all_quiet/Screenshot2012-07-29at22149PM.png

非常感谢任何帮助！

Answer 1

此处的问题是您的<ul id="menu">有position: absolute;。这使按钮粘在框架上，而不是随窗口缩放。但是，您的<div class="container">不会这样做。因此，当您使窗口变小/变大时，包含图片等的div将缩放。但按钮不会。

此问题极易复制。 让您的浏览器窗口缩小。这是修复你的html设置的问题。

Answer 2

据我所知，这实际上是一个CSS问题，因为你的.content宽度设置为90％。如果您调整浏览器大小或具有更高分辨率的显示器，它看起来很好。如果你想要一个集合大小（1080px在我的浏览器上运行良好），你需要将内容分区设置为定义的宽度，或者查看网格系统，例如1140px网格，可以找到here移动和屏幕大小调整。

希望这有帮助！