当页面大小减小时，防止页面内容脱节

Question

我刚刚完成了一个我正在建设的网站的草稿。不幸的是，我开始注意到设计在较小分辨率屏幕上以及用户缩小当前屏幕尺寸时的效果有多差。

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

我可以更改什么来解决此问题？

PS：我认为链接到我的网站更容易，而不是在这里发布代码。但是，如果你想要一些代码，请告诉我，我会在这里嵌入一些东西。

保重， 埃文

Answer 1

IBM.com并没有做任何明显不同于你的事情。

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

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

Answer 2

#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;
}

如您所见，我使用宽度（以像素为单位），这样网站保持不变。如果这是你需要的，那就没关系..如果没有，请告诉我，我会看到还有什么可以做。