缩放Chrome会导致CSS定位问题

Question

当我在Google Chrome浏览器的网页上放大和缩小时，精确定位的项目会改变位置。这会导致许多问题：例如，在特定的缩放级别，div将与其包含的div重叠，足以隐藏边框。同样，有时100％标记不会与100％点精确对齐。

有什么方法可以确保当页面放大或缩小时，项目相对于彼此的定位不会改变？

Answer 1

您可以使用em定位，它将根据字体大小重新定位和调整大小。因此，当人们喜欢控制+或命令+时，页面将自动调整大小。这是一个关于弹性布局的页面。希望这会有所帮助。

http://v1.jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css

Answer 2

根据我的经验，使用left: px值和top: px值相比左/右下/右下/右/上似乎可以解决问题。这适用于Chrome和FF，无法评论IE。

例如：

#my-element
{
  list-style-type: none;
    position: fixed;
    left: 54px;
    top: 40px;
}

Answer 3

虽然这是一个老话题，但我偶然发现了这个问题。通过将包装容器添加到＆＃34;难以捉摸的＆＃34;元素。因此，在尝试修复元素css之前，可以先检查并确保内容包装器。