html - Safari中的响应保证金定位问题

Question

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

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

这对于在任何分辨率下保持元素的纵横比都很有效。然而，在 Safari 中，一切都被移到了屏幕上方。我也重置了我的风格。Safari 是否存在已知的边距定位问题？我不使用 top 和 left 的原因是因为对象没有相对于窗口大小正确缩放

编辑：

这是一个示例来说明浏览器 Safari 中的不同显示 - FF/IE/Chrome Fiddle

score 0 · Accepted Answer

尝试给出一个高度，有时当使用位置时，框元素需要绝对宽度和高度才能使用其他属性，如边距和填充。我还看到这被应用于锚点，使锚点成为使用盒子模型的块，display:block

1 回答 1