瀏覽器縮放錯位解決方法

Question

我有一個網站，當用戶放大，行不再準確地在某些情況下排隊。不幸的是，我沒有示例來展示，但我知道這與我對縮放工作原理缺乏瞭解有關。我認爲這與像縮放這樣的事情有關，像素可能最終變成兩個像素，因爲單箇舊像素被繪製在兩個新像素的一半上，這取決於縮放如何影響像素方向。

在處理非常精確指定的網站上進行縮放處理方面是否有任何解決方法，因此即使像素關閉也很明顯？

Answer 1

縮放有兩種類型。一個只增加字體，另一個平均放大。如果您的問題是第二個問題，那麼您可以對此做任何事情。如果它是第一種類型，那麼看看你的字體是如何擴展的，並尋找你可能想從相對單位（如ems到px）（通常在px中指定的字體不縮放）中更改的情況。

Answer 2

有許多瀏覽器功能，可以有設計「由一個像素關」比其他被放大：

不同的可用字體，不同的字體渲染引擎，不同的舍入方法，不同的默認樣式，瀏覽器漏洞，這樣這並不是一個單獨放大的問題。

很難給出具體的建議，但恕我直言最好的是「與媒體工作」。

這是從原始設計不以像素爲基礎開始的，或者像紙張這樣的「固定」介質 - 換句話說，它首先向客戶/老闆/設計師解釋可能性，但是也是網頁設計的限制。

對於實際的實現，您需要擁抱HTML/CSS的「自然流動」。儘可能避免明確的尺寸規格。最重要的是避免固定高度和絕對定位。使用表格（最好使用display: table-*，除非您必須支持IE6）比使用絕對定位更好。

如果您向您的網站或至少一個示例頁面發佈了網址，那麼最好是因爲我確定您的問題與縮放無關，而且與設計不靈活有關。