Question

我正在制作一个可缩放的div，当用户在其中一个div上盘旋然后特定的div缩放时，这当前有效......

我的问题主要是使用Safari时使用CSS缩放，div中的所有内容都会跳转，首先它会很好地缩放，然后内容会跳到原来的大小，这个问题在Firefox和Chrome中都不会发生。

我不知道如何复制此问题，以便您可以在浏览器上看到它，因为目前我无法托管该网站。

这是我主要的zoomable div的css：

MAIN DIV

    width:740px;
    height:150px;
    padding:10px;
    background-color:#fff;
    border:1px solid #ccc;
    margin: 0 auto;
    left:0;
    right:0;
    position: relative;
    margin-bottom:10px;
    transition:100ms;
    font-family: Rubik;

MAIN DIV HOVER

    border:1px solid #aaa;
   -webkit-box-shadow: 3px 4px 8px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 4px 8px -4px rgba(0,0,0,0.75);
box-shadow: 3px 4px 8px -4px rgba(0,0,0,0.75);
transition:100ms;
cursor:pointer;
zoom:102%;
-ms-zoom: 1.02;
-webkit-zoom: 1.02;
-moz-transform:  scale(1.02,1.02);
transition: 250ms;

我希望有人在过去遇到过这个问题，并且会理解我所指的是什么，是否有人对如何复制问题有任何建议，以便他们可以看到它，我会这样做。再次感谢

父Div的内容在Safari中平滑缩放/缩放

0 个答案: