Div内容根据导航器更改大小

Question

您可以看到尺寸因导航器而异[/ p>

打开pop的代码：

self.chatWindow = window.open('/chat', 'winname', "directories=0,titlebar=0,toolbar=0,location=0,status=0,menubar=0,scrollbars=no,width=350,height=600");

以下是我在前端使用角度2的页面的HTML代码

HTML：

<div class="container">
  <div class="wrapper">
    <div class="wrapper1">
        // more html code
    </div>
  </div>
</div>

CSS：

 .wrapper {
  margin-top: 80px;
  margin-bottom: 20px;
}
.wrapper1{
  margin: 0 auto;
  max-width: 288px;
  width: 288px;
  max-height: 480px;
  maheight: 480px;
  overflow: hidden;
}

我希望所有pop都具有与safari一样的大小