0

我刚刚完成了我一直在构建的网站的草稿。不幸的是，我开始注意到设计在较小分辨率的屏幕上以及当用户缩小他/她当前的屏幕尺寸时看起来多么糟糕。

我指的网站可以在这里看到。此外，我正在寻找的功能可以在大多数专业网站上看到，但我特别注意到它在 IBM 的网站上。当屏幕最小化时，标题内容与站点的其余部分保持不变。我一直在寻找 overlow: auto 在他们的 css 中的某个地方，但我在任何地方都没有看到它。

我可以改变什么来解决这个问题？

PS：我认为链接到我的网站比在这里发布代码更容易。但是，如果您想要一些代码，请告诉我，我会在此处嵌入一些内容。

保重，埃文

4

2 回答 2

1

IBM.com 没有做任何与您有明显不同的事情。

如果您希望您的设计可以在不同的设备上访问和使用，您可以考虑响应式设计。但是，请确保值得您花时间。例如，您的用户可能不会使用 iPhone 来让您的时间值得。

在视觉上，让你的菜单水平而不是垂直怎么样？并且还将您的图像居中到其父容器？

于 2012-04-03T23:53:18.297 回答
1 
#full-height-template-container {
width: 1300px;  <-----  in your app here now the width is in %
border: 1px solid #262626;
height: 515px;
margin: 0 auto 20px;
overflow: auto;
}

如您所见，我使用了以像素为单位的宽度，这样网站就保持完整。如果这是您需要的，那么没关系.. 如果没有，请告诉我，我会看看还能做些什么。

于 2012-04-04T00:18:52.480 回答