在Chrome浏览器以外的所有浏览器上都能正常工作

-3

我刚刚在这个网站上完成了关于昆虫谷类（yup ...）的工作，虽然网站似乎在边缘，safari和firefox上运行得非常好，应该结束后（在页脚之后）在Chrome上滚动。我相信这有一个非常简单的解决方法，但在编码方面我非常生疏，而且似乎无法找到它。在Chrome浏览器以外的所有浏览器上都能正常工作

在此先感谢。

来源

2016-11-22 criketos

从你的'

中删除'bounceInUp'你需要发布一个最小的例子来显示这里的问题。链接到您的网站或任何第三方是不可接受的，并最终会删除此问题。 http://stackoverflow.com/help/mcve – Rob

-1

看起来就像你有一个标记

<body> 
    <header> 
<nav class="navigation navbar navbar-default navbar-fixed-top"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="#"> 
     <img id="brand" class="img-circle" alt="Brand" src="http://i.imgur.com/0fIyMnA.png"> 
     </a> 
     <h1 id="Criks" class="navbar-text">Criketos </h1> 

    </div> 
    <button id="navButton" class="navbar-text navbar-right btn btn-info">Buy Now</button> 

</a> **<----------- what is it?** 

    </div> 
</nav> 
</header> 

<body>

....问题

</body> 
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script> 
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> 
<script src="index.js"></script> 
</body> 

</html>

来源

2016-11-22 12:40:18 degr

这不是问题所在。 – Roberrrt

你为什么这么想？有+100500个未封闭或不必要的封闭标签，两个主体标签......等。如果您有无效的标记，所有浏览器将显示不同的结果。 – degr

因为HTML对HTML标签的不良使用具有非常好的后备功能。他的主要问题是'＃button-white'与类'bounceInOut' – Roberrrt

怎么样，如果你尝试从HTML元素的CSS消除

height: 100%

来源

2016-11-22 12:42:39 Elliottgg

这不是问题。 – Roberrrt

好吧，除了一个这里LL的答案，这个问题其实很有趣解决，让我们来分析一下：

你的脚注长度是由类bounceInUp添加到您的#button-white在content-section-d我发现这所造成的问题删除DevTools中的部分和子节点，直到我指出您的问题。

原因

这并不在Chrome工作的原因是因为像这样的（使用animate.css）变换是换货的inline元素，你<button>不是一个，你应该应用自定义CSS来改变它，所以：

button-white { 
    display: inline-block; 
    margin-top: 30px; 
    background: white; 
    color: #02E0C6; 
    border: none; 
    border-radius: 0%; 
    padding: 15px 15px 15px 15px; 
}

除了其他答案，你应该检查你的代码的无效语法。有很多可以在不同的浏览器中打破。

来源

2016-11-22 12:57:35 Roberrrt

在Chrome浏览器以外的所有浏览器上都能正常工作

回答

相关问题