Html Div大小调整/调整

我有个问题，似乎无法解决

基本上，我希望我的菜单和文本能够随着分辨率的改变/放大/缩小而调整大小；图像工作良好，内容分区工作良好，只是菜单似乎无法适应

请帮我做这个

正常视图：

缩放视图：

菜单如下所示：

<a href="nissan-s13-project.html" title="The Project">The Project<span class="desc">Full description</span></a>

我真的不知道还能做什么

哦，文本是这样的：

#content p {
    margin: 1.2em 1.2em 2em 1.2em;
    font-size: 0.8em;
    line-height: 1.8em;
    max-width: 100%;
}

---

您需要文本在缩放时不调整大小。但这很难做到，而且对用户不友好（如果有人想调整页面大小，可能是因为他需要更大的文本）。

---

阅读此处原因：

是的，但放大破坏了大多数网站的设计，用户通常都知道这一点。无论如何，请尝试删除#内容p{max width:100%；}。这将允许p超出窗口大小。如果它不工作，尝试删除其他最大宽度或宽度：100%的菜单容器。

#content p {
    margin: 1.2em 1.2em 2em 1.2em;
    font-size: 0.8em;
    line-height: 1.8em;
    max-width: 100%;
}