CSS:如何解决这个“Site-Is-Too-Big”挑战?

时间:2011-07-15 15:44:36

标签: css resolution horizontal-scrolling

我怀疑我的问题可能过于笼统,但我希望有熟练掌握CSS知识的人可以帮我找到解决方案。

我的网站在高分辨率显示器(1920X1080)中看起来可以接受(对我来说) - 但在较小分辨率的屏幕上,左侧网站不适合 - 即使最终出现水平滚动,也会使窗口变小,但是它似乎“太晚了”,并没有包含主要内容面板的任何内容。

这是我特别关注的。还有其他与解决方案相关的问题。

这是网站:

http://www.cybart.com/bscg/

如果您能看一下,我将不胜感激,并感谢CSS大师的建议/建议/建议!

3 个答案:

答案 0 :(得分:1)

我的屏幕分辨率较低......我看到了问题。

您可以考虑缩小主要内容部分的大小,然后转移导航。

或者 - 更好 - 使用margin:0 auto;自动居中您的主要部分,然后相应地定位左侧导航。

答案 1 :(得分:1)

以下是我理解您的问题的方法:

如果有人在较小的屏幕上访问您的网站,可能是1024x768或其他内容,则表示没有滚动条显示。

您需要为页面内容设置div容器的最小宽度/高度。然后,如果浏览器比那个更窄,你就会得到滚动条。

我建议您制作一个不会比950更宽的div标签,并在其背后放置一个漂亮的背景。没有人想在浏览器中向左或向右滚动。

在包含页面内容的div上使用width和height css标记。

答案 2 :(得分:0)

滚动条问题与页面溢出有关。您可能正在使用overflow:hidden,当页面不适合时,浏览器不会显示滚动条。