从Instagram网站布局中断后

Question

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

Jsfiddle

HTML

     <div class="Rad_title_container">
        <div class="Rad_title">
        <svg>
</svg> 
        </div>
        </div>

CSS

.Rad_title_container{
  width:100%;
}

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

Answer 1

似乎它不喜欢位置：固定。我不得不添加一个最大高度，因为它正在做一些时髦的事情，比如将高度扩展到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;
}