Jquery Toggle在响应式布局中不支持Iphone

Question

我有这个：

$(function(){
  $('.trigger').click(function() {
  $(this).parent().next('.detail').slideToggle();
 });
});

这发生在父div中：

.container {
z-index: 0;
margin-top: 450px; 
margin-top: 50vmin; 

margin-left: 25%;
margin-right: 25%;
width: 50%;

font-size: 2.7vmin; 
line-height: 3.3vmin;
}

在iphone safari上看起来非常糟糕 - 但只有当我改变父容器的样式时 在媒体查询中。 （切换的div的所有行都搞乱了）

@media (max-width: 1100px) {

.container {

margin-top: 20px !important;
margin-bottom: 20px !important;

margin-left: 10%;
width: 80%;
margin-right: 10%

}

我该怎么办？非常感谢你！