我之前问过这个问题,但是我想我需要更清楚地表述。在Safari上,使用百分比值的margin-top
与Chrome、Firefox和IE上不一样。在像素(px)中显示正确,margin-left
的百分比也是如此。
这里有一个例子可以进行比较:Fiddle
* {
margin:0;
padding:0;
}
.A {
background-color: blue;
height: 200px;
position:relative;
}
.B {
left: 50px;
margin-top:15%;
width:20px;
height:20px;
background-color: red;
position:absolute;
}
我需要在响应式设计中使用margin-top
的%值。使用top
无法根据窗口大小缩放对象。
是否已知有问题,如果有(可能是一个大问题),是否有一种只针对Safari浏览器的方法,以便我可以在样式表中设置自定义值?
margin-top
,因为对象在调整大小时会根据其宽度正确缩放,如此处所示:http://jsfiddle.net/fsR6A/。 - chucky