Firefox自舉網格位移問題

我有一個問題，在FireFox和Chrome上顯示我的網頁的視覺效果是一樣的。Firefox自舉網格位移問題

使用Chrome（兩行顯示圖標）正確呈現頁面，但Firefox圖標在視覺上打破並創建第三行。我認爲問題出在Bootstrap上，但我不明白爲什麼。我嘗試了不同的解決方案，但沒有。

這個問題的頁面：頁面的 enter image description here 鏈接：http://www.unishare.it/sedi/1

2015-04-22 hteo

我沒有看到這兩頁瀏覽器上的任何差異。你能提供更多關於你的問題的信息嗎？我看到有一個問題，但不明白什麼... – ilter

??在Firefox上我們有三行，而在Chrome上有兩行。正確的行爲應該是第二個（Chrome）。 – hteo

我編輯了你的問題，以使其可以理解。我不得不刪除圖片鏈接，因爲那首先讓我感到困惑。如果你的問題的癥結改變了，讓我知道。 – ilter

你有很多東西在你的HTML回事。首先，你不應該在範圍之外寫任何代碼。您應該將自定義樣式元素始終放置在標籤內。其次，將bootstrap.css移到頂端。這是你的CSS樣板（這是CSS代碼，重置所有瀏覽器的視覺設置）。所有其他的CSS文件（font-awesome.css，slider.css等）應放置在樣板文件的css代碼/文件之後。

放置所有庫CSS文件後，您的自定義CSS文件應該是標籤中的最後一個（我的意思是在您的HTML頁面頂部的所有樣式代碼）。

嘗試這些建議，並返回結果。我相信你會很開心。

編輯：經過第二次看，用FireFox的開發工具播放你的HTML後，我爲你創建了一個解決方案。只需將您的「投資組合箱」分隔線連成一排即可。它們在DOM中並沒有被真正識別爲獨立的行，這就是爲什麼它們不會出現在兩個不同的行中。

總之，你應該爲每個「portfolio-boxes」div分別創建一個「行」類的div。

這是否解決您的問題？如果是的話，你可以投票並選擇答案;）

來源

2015-04-22 09:57:28 ilter

我理解你的觀點，但bootstrap.css已經在頂部。它在一個php文件中管理頁面的標題部分。此外font-awesome.cc，slider.css已經在那裏。 – hteo

哦，是的！你是我的救星！非常感謝！ – hteo

可能是你想投票嗎？ ;） – ilter

Firefox自舉網格位移問題

回答

相關問題