模态-移动中心对齐

Question

我目前正在为我的新网站构建一个Modal弹出窗口，不过，尽管我可能会尝试，但我无法让Modal框集中显示(水平和垂直)在我的移动。它在桌面上运行得很好，但在我的手机上却是很好的选择。

有人能帮忙吗？

这里是我的JSFiddle，您可以在这里找到我的CSS、HTML & Javscript :：http://jsfiddle.net/1ytv3yc0/

HTML:

<div class="row">
    <div class="medium-6 medium-centered columns text-center">
        <a href="#modal_contact" class="button center large-text full big-pad modal-trigger"  onClick="_gaq.push(['_trackEvent', 'Modals', 'Open Form', 'Work with us']);">Work with us and find out</a>
    </div>
</div>

<section id="content">

    <div class="modal medium" id="modal_contact">
        <p>test</p>
    </div>

</section>

非常感谢您的指导：)

Answer 1

这是一个供应商前缀问题。在我的-webkit-transform声明下面添加transform解决了这个问题:-)