Html 从Instagram网站链接时，布局中断

所以我只是在为我的网站测试手机功能。它按预期运行（即徽标位于顶部），但当点击instagram的链接时，它显示如下。这是否与instagram链接中显示的工具栏有关

html

---

似乎它不喜欢位置：固定。我不得不添加一个最大高度，因为它做了一些很时髦的事情，比如将高度扩展到200%。不知道发生了什么事

.Rad_title_container{
    position:absolute;
    width:100%;
    z-index:3;
  }

.Rad_title {
  padding-top:2%;
   position:relative;
   width:65%;
   pointer-events:none;
   text-align:center;
   margin:auto;
   max-height:10vh;
   overflow-y:none;
}

.Rad_title_container{
  width:100%;
}

.Rad_title {
  padding-top:2%;
  padding-left:17.5%;
  z-index:3;
  position:fixed;
  width:65%;
  pointer-events:none;
}

.Rad_title_container{
    position:absolute;
    width:100%;
    z-index:3;
  }

.Rad_title {
  padding-top:2%;
   position:relative;
   width:65%;
   pointer-events:none;
   text-align:center;
   margin:auto;
   max-height:10vh;
   overflow-y:none;
}