微信分享 縮略圖顯示問題

微信分享中，會有一個小圖示顯示出來，該怎麼做，注意哪些問題

這個圖檔能顯示的條件：

1. 寬高大于300px
2. 頁面從上到下的第一張圖檔

除了上面兩點，經過測試，還有以下要注意的

img标簽上不能出現 display:none 的樣式，

這句話的意思不僅僅在img上試用style="display:none;"，而是getComputedStyle的結果

以下幾種情況都不會顯示圖檔：

1

<img src="dist/img/pc_bg.jpg" style="display:none;">
           

2

<img src="dist/img/pc_bg.jpg" class="icon">
<style>
    .icon{
        display: none;
    }
</style>                

3

<img src="dist/img/pc_bg.jpg">
<style>
    img{
        display: none;
    }
</style>
           

以下情況可以顯示

<div class="icon">
    <img src="dist/img/pc_bg.jpg">
</div>
<style>
    .icon{
        display: none;
    }
</style>
           

 <img src="../images/logo.jpg" style="width:0; height:0; position:absolute;"/>
           

之是以一直圍繞這個隐藏的問題，是因為這個圖示大多情況下是不需要顯示出來的，但是分享的時候，有要顯示，

并且要排在頁面第一個圖檔位置；