2016-01-20 16 views
0

我創建了一個網站,使用「在瀏覽器中查看」功能在Visual Studio中進行調試,並決定準備將其部署到我們的測試服務器上。當調試從Visual Studio程序中的聯繫人頁面有看起來像這樣的內容:對象放置在發佈之後出現不同

enter image description here

當我去到服務器上的網站的地址,則顯示是這樣的:

enter image description here

明星是來自Bootstrap工具的字形圖標,當我打開它時(其他人提供瞭解決方案),這些工具已經在網站的解決方案中。對於該網站的這部分的代碼如下:

enter image description here

我試圖找到有關這是爲什麼顯示不正確的信息,但無法。在不瞭解服務器的任何信息的情況下,您會推薦我檢查或更改以解決此問題?

編輯:我認爲值得一提的是我已經嘗試過Chrome和IE,並且每個人都得到相同的結果。嘗試在兼容模式下運行頁面會將字形圖標明星全部隱藏起來。

+1

您可以使用JSFiddle重現該問題嗎? –

+0

我從來沒有使用過JSFiddle。我會試着讓它在那裏運行。 – Brad

回答

0

我認爲這個問題最終成爲與瀏覽器相關的問題。我使用了比我們的服務器更新版本的IE,因此我的元素顯示方式不同,因爲之前完成的操作不受舊版本的支持。

我通過將span字形圖標元素嵌套在正確的標題標記內,並使用margin-left:樣式屬性正確地將它們間隔開來,從而更正了此問題。

相關問題