Zooming Out Breaks Navigation CSS

2012-11-15 51 views 2 likes

我有一個Wordpress站點here，它在100％縮放時看起來很棒。但是，如果縮小，則佈局會中斷（特別是徽標和導航）。Zooming Out Breaks Navigation CSS

我該如何糾正？

見截圖：

正常：

Normal

晴縮小：

Partly Zoomed Out

完全縮小：

Fully Zoomed Out

我猜你的導航欄有一個像素的靜態寬度？當事情縮小時，瀏覽器無法理解小數像素，因此它會丟棄它們（通過四捨五入或截斷）。 – Shmiddty

另外，您應該發佈與菜單本身相關的html/css。 – Shmiddty

PPS，看這裏：http://jsfiddle.net/j4Cvw/ – Shmiddty

回答

對圖像使用％寬度可能會有所幫助。另外，使用ems或％作爲導航元素，例如寬度，字體大小，填充和/或邊距將是一個好主意。試驗一下，看看什麼效果最好！

2012-11-15 17:30:27 qafenated

謝謝！不管怎麼說，爲什麼定位會影響導航？這不使用圖像。 –

你如何看待徽標？我應該使用利潤率而不是位置來集中它嗎？ –

相關問題