2016-08-09 62 views
0

我flaticon.css文件:Flaticon呈現不同的地方和現場服務器上設置的Gmail圖標

.flaticon-share:before { 
    content: "\f10b"; 
    color: #821571; 
    align-items: center; 
    font-size: 43px; 
} 

在我的html:

<div class="col-sm-4"> 
    <div class="media"> 
    <div class="media-left"> 
     <i class="flaticon-share" style="display: inline;"></i> 
    </div> 
    <div class="media-body"> 
     <p class="media-heading"><strong>[email protected]</strong></p> 
     <a href="mailto:[email protected]" target="_blank"> 
     <button id="template" class="btn btn-download btn-md">Kirim Lampiran</button> 
     </a> 
    </div> 
    </div> 
</div> 

它工作在本地主機上正常,但現場服務器,圖標是200px而不是43px。有誰知道爲什麼?

您可以訪問here並向下滾動。

live server

此圖片在本地主機(我預期):

localhost

+0

它工作得很好,當我試圖從我的MacOS/Safari瀏覽器和MacOS/Chrome瀏覽器中提供的鏈接瀏覽器 – Jaime

+0

我建議檢查瀏覽器錯誤控制檯。在頁面加載期間是否找到所有資源文件? – Jaime

+0

沒有錯誤:(@Jaime – may

回答

0

解決。通過在html中添加css版本。

<link href="<?php echo base_url('asset/css/freelancer.css?v=1') ?>" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="<?php echo base_url('asset/icon/font/flaticon.css?v=1') ?>">

相關問題