Question

我的网站社交媒体图标不能反映移动设备，这是我托管在Web服务器中的链接，请检查一下。 http://lotusvalue.com/

<div class="nav-top">
<div class="w3-contact">
<a> <span class="fa fa-volume-control-phone" aria-hidden="true"> </span>+91 7676730000
</a>
<a href="mailto:abcd@yoursite.com"><span class="fa fa-envelope-o" aria-hidden="true" ></span>info@lotusvaluedevelopers.com</a>
</div>
<div class="w3-socials">
<ul>
<li>
<a href="https://www.facebook.com/lotusvaluerealestate/" target="_blank"><span class="fa fa-facebook"></span></a>
</li>

<li>
<a href="http://twitter.com/lotus_value" target="_blank"><span class="fa fa-twitter"></span></a>
</li>
</ul>
</div>
</div>

css：

  .w3-contact a {
        padding: 0px 10px;
    }
    .w3-contact {
        padding: 10px 0px;
            font-size: 14px;
    }
    .w3-socials {
        display: inline-block;
        text-align: center;
    }
    .w3-socials ul li {
        display: inline-block;
        padding: 10px;
    }

Answer 1

在样式标签中使用CDN

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

和

@media screen and (max-width: 480px){
.w3-socials { display: inline-block; }

我的网站社交媒体图标未反映出移动设备，

1 个答案: