当我放大和缩小我的谷歌浏览器，被精确定位相对于彼此会改变位置的物品的网页。 这会导致很多问题：例如，在特定缩放级别一个div会重叠它包含分区就足以隐藏边框。 类似地，有时100％的标记将不会精确地与100％的点对齐。
有什么办法，我可以保证的是，当页面放大或缩小项目相对于彼此的定位会不会改变？
Answer 1:
您可以使用EM定位将基于字体大小重新定位和大小。 所以，当人们不喜欢控制+或命令+后，页面会自动调整。 这是一个关于弹性布局页。 希望这可以帮助。
http://v1.jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css
Answer 2:
根据我的经验，用left:像素值和top:像素值进行比较，左/右下角/底部或右/上似乎这样的伎俩。 这适用于Chrome和FF，不能在IE上发表评论。
例如：
#my-element
{
list-style-type: none;
position: fixed;
left: 54px;
top: 40px;
}
Answer 3:
尽管这是一个老话题，我偶然发现了这个问题。 通过添加包装容器的“难以捉摸的”元件固定。 因此前试图修复元素的CSS或许检查并确保第一内容包装。
文章来源: Zooming on Chrome causes CSS positioning issues
