html - Div调整大小/适应

Question

我遇到了问题，似乎无法解决。

基本上，我希望我的菜单和文本随着分辨率的变化/放大/缩小而调整大小；图片工作正常，内容 div 工作正常，只是菜单似乎无法适应。

请帮我解决这个问题..

普通 View :http://s17.postimg.org/ngj8k0skv/norm.jpg

缩放 View :

http://s17.postimg.org/p729lia3z/notnorm.jpg

菜单看起来像这样:

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

这个的 CSS 是

a .desc {
    display: none;
    text-transform: lowercase;
    font-size: 1em%;
    color: #FC0;
    max-width: 100%;
    z-index: 1;
}

a:hover .desc, .active .desc {
    display: block;
    font-size: 1em;
    max-width: 100%;
    z-index: 1;
}

我真的不知道还能做什么..

哦，文本是这样的:

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

Answer 1

您需要您的文本在缩放时不调整大小。但这很难获得，而且对用户不友好(如果有人想要调整页面大小，很可能是因为他需要更大的文本)。在这里阅读原因:How to prevent users from resizing the font on my web site?