浏览器缩放未对齐的解决方法

Question

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

是否有任何解决方法来处理非常精确指定的网站上的缩放，所以即使像素关闭也很明显？

Answer 1

有两种类型的缩放。 一种仅增加字体，另一种均匀地放大。 如果您的问题是第二个，那么您可以做些什么就非常值得怀疑。 如果是第一种类型，请查看字体的扩展方式，并查找可能要从诸如ems的相对单位更改为px的情况（通常px中指定的字体不会缩放）。

Answer 2

有许多浏览器功能，除了缩放之外，设计可以“按像素关闭”：

不同的可用字体，不同的字体渲染引擎，不同的舍入方法，不同的默认样式，浏览器错误，所以这不是单独缩放的问题。

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

这开始于原始设计不是基于像素，或者好像它是一种“固定”介质，如纸张 - 换句话说，它首先向客户/老板/设计师解释可能性，但也限制了网络设计。

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

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