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

【问题标题】：When linked from Instagram website layout breaks从 Instagram 网站链接时，布局中断
【发布时间】：2018-05-18 01:17:23
【问题描述】：

所以我只是在为我的网站测试电话功能。它按预期运行（即徽标位于顶部），但是当作为来自 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;
}

【问题讨论】：

标签： html css svg

【解决方案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;
}

【讨论】：