2016-08-09 7 views
0

Mein flaticon.css Dokument, das die gmail-Icon-Set:Flaticon macht unterschiedlich auf dem lokalen und Live-Server

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

In meinem 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> 

Es funktioniert gut auf localhost, aber auf Live-Server , das Symbol ist 200px statt 43px. Weiß jemand warum?

Sie können here besuchen und nach unten scrollen.

live server

Dieses Bild ist auf localhost (was ich erwartet):

localhost

+0

Es funktioniert gut, wenn ich auf den angegebenen Link von meiner macOS/Safari und Mac OS/Chrome versuchen Browser – Jaime

+0

Ich schlage vor, den Browser Fehler-Konsole zu überprüfen. Werden alle Ressourcendateien während des Ladens der Seite gefunden? – Jaime

+0

kein Fehler :(@Jaime – may

Antwort

0

GELÖST. Durch Hinzufügen von CSS-Version in HTML.

<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') ?>">

Verwandte Themen