爲什麼當我縮放時，我的元素會改變位置？

我正在爲本網站工作。當我放大瀏覽器（ctr +/-）時，頂部的元素會改變位置（菜單和精選滑塊）。有沒有辦法讓他們留在某個位置，無論放大倍數如何。爲什麼當我縮放時，我的元素會改變位置？

2012-04-29 bpjohns1

什麼瀏覽器？在Firefox中，縮放效果非常好。在IE9中，菜單沒問題，但背景被破壞了。在Chrome中，即使沒有縮放，該網站也無法運行。 – Kobi

這種不正確的定位是我在不縮放瀏覽器的情況下獲得的默認設置（Mac上的Chrome 20.0.1121.0 canary），您還在玩風格嗎？ – frontendzzzguy

圖像不再可用。 – Lix

似乎主菜單容器溢出徽標容器，導致它被向上推。這很可能是由那些具有訪問邊距或填充的容器，與它們的包裝完全吻合以及縮放過程中使用的瀏覽器舍入方法引起的。

嘗試並從#menu容器的左填充：

#menu { 
    float: right; 
    background: url(images/left-menu-bg.png) no-repeat top left; 
    /* padding-left: 12px; */ 
    height: 48px; 
    margin-top: 40px; 
}

來源

2012-04-29 17:46:39

肯定有幫助。它在較小的縮放級別上混亂，但仍然發生在其中一些縮放級別上。你可以檢查網站，我根據你的建議更新了代碼。謝謝。 – bpjohns1

如果您發現有用的答案，它是禮貌的表決它。 –

我是這個論壇的新手。不知道有投票權，但不會讓我這樣做，無論如何我都需要更多的「聲譽」 – bpjohns1

的瀏覽器通常具有導致舍入誤差放大或縮小時表現出來較差縮放算法。

我相信這更像是一個用戶代理問題，因爲Safari版本的Safari在執行縮放時沒有問題，而其他瀏覽器則是這樣。

來源

2012-04-29 17:42:17 michaelward82

爲什麼當我縮放時，我的元素會改變位置？

回答

相關問題