Safari中的响应边距定位问题

Question

我有一个响应式网站，其元素定义为：

 a#about{
     margin-left: 10.7%;
     margin-top: 18.8%;
     position: absolute;
     width: 7.4%;
 }

对于任何分辨率，这对于保持元素的长宽比都非常有用。 但是，在Safari中，所有内容都移至屏幕上方。 我也重置了样式。 Safari是否存在已知的边距定位问题？ 我之所以没有使用顶部和左侧，是因为该对象相对于窗口大小无法正确缩放

编辑：

以下示例说明了Safari浏览器中的不同显示-FF / IE / Chrome Fiddle

Answer 1

尝试给定高度，有时在使用位置时，box元素需要绝对宽度和高度，才能使用其他属性（例如边距和填充）。 我还看到这已应用于锚点，使锚点成为使用框模型的display:block