我遇到了问题，似乎无法解决。
基本上我希望我的菜单和我的文本随着分辨率的变化/放大/缩小而调整；图像工作正常，内容 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%;
}