Question

我遇到了问题，似乎无法绕过它。

基本上我希望我的菜单和文字可以通过分辨率更改/放大/缩小来调整大小;图像工作正常，内容div工作正常，只是菜单似乎无法适应。

请帮帮我..

普通视图：http://s17.postimg.org/ngj8k0skv/norm.jpg

放大观点：

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?

Div调整大小/适应

1 个答案: