ios中的保证金行为

时间:2016-03-10 10:12:24

标签: html css containers margin

您能告诉我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%;
}

0 个答案:

没有答案