0

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

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

这是一个带有代码的jsFiddle：http: //jsfiddle.net/mkk9F/

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

任何帮助将不胜感激！

4

2 回答 2

1

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

这个问题非常容易重现。使您的浏览器窗口更小。这是修复您的 html 设置的问题。

于 2012-07-30T22:38:45.647 回答
0

据我所知，这实际上是一个 CSS 问题，这是因为您的 .content 宽度设置为 90%。如果您调整浏览器的大小或使用更高分辨率的显示器，它看起来还不错。如果您想要设置大小（1080px 在我的浏览器上效果很好），您需要将内容划分设置为定义的宽度，或者查看网格系统，例如可以在此处找到的 1140px 网格，它适用于移动设备和屏幕调整大小.

希望这可以帮助！

于 2012-07-30T22:39:48.033 回答