在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瀏覽器以外的所有瀏覽器上都能正常工作

回答

相關問題