Div大小调整/调整

我遇到问题，无法绕过它。Div大小调整/调整

基本上我想我的菜单和我的文本调整分辨率更改/放大/缩小;图像工作正常，内容divs工作正常，只是菜单似乎无法适应。

请帮我这个..

普通视图：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%; 
}

来源

2013-10-01 Mircea Albu

你需要你的文字不调整的变焦。但是这很难获得，而且不是用户友好的（如果有人想调整页面大小，可能是因为他需要更大的文本）。在这里看看为什么：How to prevent users from resizing the font on my web site?

来源

2013-10-01 23:05:16

好的，但菜单仍然需要调整大小，它看起来像这样废话.. –

是的，但放大打破了大多数网站的设计，用户通常知道这一点。无论如何，尝试删除#content p {max-width：100％;}。这应该允许p超出窗口大小。如果不工作，尝试删除其他最大宽度或宽度：100％的菜单容器。 –

Div大小调整/调整

回答

相关问题