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大小調整/調整

回答

相關問題