CSS布局在放大时中断

Question

我正在设计一个小网页，一切正常。然而，昨天我遇到了一个问题，我花了6个多小时尝试不同的东西（最小宽度，浮动等）坚果没有解决问题。我使用％age来指定宽度。

我想要的是当我放大浏览器时我的网页应该显示相同的内容。但是现在当我放大镀铬时，徽标仍保留在其位置，但列表中的其他导航元素会四处跳跃并混乱。我不希望这种情况发生。同样在页脚中，当放大chrome（ctrl + +）时，复制右侧文本不会保持一致。我该怎么办 。请帮忙。 这是网址。 http://contestlancer.com/salon/

由于 艾哈迈尔

Answer 1

你应该使用twitter bootstrap。它是一个强大的前端框架，可以更快，更轻松地进行Web开发。它不仅可以使您的页面响应，还可以获得许多内置模板，使您的网站具有丰富的外观。

您可以从http://twitter.github.io/bootstrap/index.html

下载完整的资料库

Answer 2

如果您决定保留当前网站，请更改此属性

.navigation{
  min-width:900px;
}

现在使用百分比，所以每当你调整页面大小时，它都会尝试适应调整大小的视图中的所有元素。通过使其成为静态宽度，您不应该有这个问题。

在Chrome中测试并按您的需要工作。