您能告诉我ios中的margin
理解是否有任何区别?或者这只是我的CSS中的一个错误,我看不到?
在此链接http://www.ottovo-nakladatelstvi.cz/inpage/zoom2d/我有div
img
。通过在margin
上推:hover
,我尝试在div .mg
内创建缩放效果,它可以在Chrome和IE中使用,但是当我使用带有ios 9.2.1的iphone 6s时向下(好像容器正在自行调整),左边距是左边的白色空间。
(我明白:将鼠标悬停在ios上不是最好的,它是用于测试目的)
.mg-image img {
-webkit-transition: all 5s ease; /* Safari and Chrome */
-moz-transition: all 5s ease; /* Firefox */
-o-transition: all 5s ease; /* IE 9 */
-ms-transition: all 5s ease; /* Opera */
transition: all 5s linear;
max-width: 200%;
margin-left: 0px;
}
.mg-image:hover img {
-webkit-transform:scale(1.5); /* Safari and Chrome */
-moz-transform:scale(1.5); /* Firefox */
-ms-transform:scale(1.5); /* IE 9 */
-o-transform:scale(1.5); /* Opera */
transform:scale(1.5);
margin-left: 200px;
}
.mg {
width:800px;
height:450px;
overflow: hidden;
max-width: 100%;
max-height: 100%;
}