在safari中响应保证金定位问题

时间:2013-06-08 15:38:50

标签: html css resize responsive-design

我有一种响应式网站,其中的元素定义为:

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

这对于保持任何分辨率的元素的宽高比都很有用。然而,在Safari中,一切都在屏幕上移动。我也重置了我的风格。 Safari存在已知的保证金定位问题吗?我没有使用top和left的原因是因为对象不能相对于窗口大小正确缩放

修改

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

1 个答案:

答案 0 :(得分:0)

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