浏览器缩放错位解决方法

Question

我有一个网站，当用户放大，行不再准确地在某些情况下排队。不幸的是，我没有示例来展示，但我知道这与我对缩放工作原理缺乏了解有关。我认为这与像缩放这样的事情有关，像素可能最终变成两个像素，因为单个旧像素被绘制在两个新像素的一半上，这取决于缩放如何影响像素方向。

在处理非常精确指定的网站上进行缩放处理方面是否有任何解决方法，因此即使像素关闭也很明显？

Answer 1

缩放有两种类型。一个只增加字体，另一个平均放大。如果您的问题是第二个问题，那么您可以对此做任何事情。如果它是第一种类型，那么看看你的字体是如何扩展的，并寻找你可能想从相对单位（如ems到px）（通常在px中指定的字体不缩放）中更改的情况。

Answer 2

有许多浏览器功能，可以有设计“由一个像素关”比其他被放大：

不同的可用字体，不同的字体渲染引擎，不同的舍入方法，不同的默认样式，浏览器漏洞，这样这并不是一个单独放大的问题。

很难给出具体的建议，但恕我直言最好的是“与媒体工作”。

这是从原始设计不以像素为基础开始的，或者像纸张这样的“固定”介质 - 换句话说，它首先向客户/老板/设计师解释可能性，但是也是网页设计的限制。

对于实际的实现，您需要拥抱HTML/CSS的“自然流动”。尽可能避免明确的尺寸规格。最重要的是避免固定高度和绝对定位。使用表格（最好使用display: table-*，除非您必须支持IE6）比使用绝对定位更好。

如果您向您的网站或至少一个示例页面发布了网址，那么最好是因为我确定您的问题与缩放无关，而且与设计不灵活有关。