CSS:如何解决这个“网站太大”的问题挑战?

发布于 2024-11-24 14:18:48 字数 354 浏览 1 评论 0原文

我怀疑我的问题可能太笼统,但我希望具有 CSS 专业知识的人可以帮助我找到解决方案。

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

这是我特别关心的一点。还有其他与分辨率相关的问题。

这是网站:

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

如果您可以看一下 - 并感谢 CSS 大师的建议/推荐/忠告!

I suspect my question may be too general, but I hope someone with expertly knowledge of CSS could help me work out a solution.

My site looks acceptable (to me) in high-resolution monitors (1920X1080) – but on smaller-resolution screens the left site doesn't fit - and even though the horizontal scrolling appears eventually of you make the window smaller, but it appears "too late" and doesn't include anything left of the main content panel.

That's the particularly I'm particularly concerned about. There are other resolution-related problems, too.

Here's the site:

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

I would appreciate it if you could take a look – and would be grateful for suggestions / recommendations / advice from CSS masters!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

尘曦 2024-12-01 14:18:48

我是这样理解你的问题的:

如果有人在较小的屏幕(可能是 1024x768 或其他屏幕)上访问你的网站,则不会出现滚动条。

您需要为页面内容的 div 容器设置最小宽度/高度。然后,如果浏览器比这个窄,您将看到滚动条。

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

在包含页面内容的 div 上使用宽度和高度 css 标签。

Here's how I understand your problem:

If someone goes to your website on a smaller screen, maybe 1024x768 or something, there's no scroll bar's appearing.

You need to set up a minimum width / height for a div container for the page content. Then if the browser is narrower than that you'll get the scroll bar.

I suggest instead that you make one div tag that won't be wider than say, 950 and put a nice background behind it instead. No one wants to scroll left or right in the browser.

Use width and height css tags on a div containing the page content.

何其悲哀 2024-12-01 14:18:48

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

您可能会考虑缩小主要内容部分的大小,然后在导航上移动。

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

I have a lower resolution screen... and I see the issue.

You might consider shrinking the size of the main content section and then shifting over the nav.

Or -- better -- auto center your main section using margin:0 auto; and then position the left nav accordingly.

水染的天色ゝ 2024-12-01 14:18:48

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

The scrolling bars issue has to do with page overflow. You might be using overflow:hidden and when the page doesn't fit the browser doesn't show the scrollbars.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文