仅在Safari浏览器中的右边距

Question

这是到网站http://lotussystems.in/的链接

当我在Chrome（移动版）中打开它时，它可以完美运行，但是当我在野生动物园（移动版）中打开时，则有一个右边距或右边距，并且还有一个x轴滚动，而我提到的是overflow-x是隐。 如果我把overflow-x隐藏起来，那就行不通了。

谁能帮助我。

Answer 1

当我在Chrome浏览器的网页上模拟手机浏览器时，我看到的问题在于标记的以下行：

<div class="call-icon">
    <h5 class="text-center" id="#callbox">
        Talk to us
    </h5>
</div>

...这行：

<div class="popup-header">
   <span class="popup-title">CONTACT
      <div class="popup-image"></div>
   </span> 
</div>

...这行：

<a href="#" class="ti_scroll bounceInRight  animated" style="display: block;">
   <i class="fa fa-angle-up"></i>
</a>

所有这些元素都会溢出到正确的边距中，因此您需要更改其right-margin CSS样式，以使它们不会在正确的边距中占一席之地。 它可以在Chrome移动版中很好地呈现，但在Safari移动版中却不能，因为这两种浏览器呈现的边距略有不同。 有关如何使用Javascript检测Safari以便更改特定浏览器的样式的信息，请参阅这篇文章 。

边注：

将来，在不发布静态代码的情况下将您的网站链接到StackOverflow也不被认为是适当的礼节 ：

如果有可能创建一个可以链接到的问题的实时示例（例如，在http://sqlfiddle.com/或http://jsbin.com/上 ），则可以这样做-并将代码包括在您的问题本身。 并非所有人都可以访问外部站点，并且链接可能会随着时间而中断。