縮放時的樣式變化

我正在開發一個網站。一切看起來都很好，但是當我在Chrome和IE（不是Firefox）中放大或縮小時，樣式變化和div塊會移動！我有一個背景和一些div塊的容器div。一切都應該在確切的位置，並在我的網站是重要的。縮放時的樣式變化

你可以在圖片中看到它是如何讓我的風格看起來如此糟糕。

我試圖用百分比而不是像素爲頁面中的所有元素，但它不工作的大小和位置。

我的CSS：

.container{ 
    width: 880px; 
    background-image: url('b80.png'); 
} 
.picture{ 
    margin-left:13px; 
    margin-top:11px; 
}

2013-05-16 Reza

說實話我從來沒有理解這個問題。放大和縮小不是「常規」用戶所做的事情。你有沒有見過你的爸爸/媽媽/姐妹放大網站？在你的情況下它甚至沒有壞處。只有幾個像素 – DiederikEEn

什麼是CSS？ – Mooseman

DiederikEEn，我父親確實縮放，許多老用戶和視力受到挑戰的人也如此。這是一個值得關注的問題。也就是說，上圖中像素完美的結構可能無法很好地解決問題。 Alireza，展示一些代碼並解釋你想要完成的事情。可能有更好的解決方案。 – isherwood

我也面臨同樣的問題，當我在不同的屏幕尺寸進行測試。

嘗試position: relative或display: inline-block對於.picture。這可能會解決這個問題。

2013-05-16 15:15:55 Praveen

我測試了它們。他們都沒有工作:( – Reza

@Alireza更好地做一個[小提琴]（http://jsfiddle.net/），以便我們可以有一個視覺，並嘗試解決它。 – Praveen

回答