1. 程式人生 > >關於微信小程式圖片本地顯示真機測試上不能顯示的問題

關於微信小程式圖片本地顯示真機測試上不能顯示的問題

廢話不多說直接入正題

  1. 圖片不能過大
  2. 圖片命名不能含有中文
  3. 圖片命名也不能有空格
  4. 圖片大小寫要區分
  5. 以介面或者連結形式的圖片開頭不能是大寫的HTTP結尾也不能是.PNG

上面就是我在今天碰到問題時在網上搜到的普遍解決方法

但如果問題還沒解決,怎麼辦呢?你很可能遇到跟我一樣的問題——rpx轉換到px的微差。當我們用編輯器編寫用於手機端的自適應單位用的自然是rpx,但是根據不同的手機螢幕大小不一樣的情況下轉換到px肯定也會有差距,在小數點之後可能就沒用了。看我的例項情況:

  

左一圖就是我在手機上看見的效果,但左二圖中本應該有的三角形圖案卻不見了。在我耗了大半個小時之後,打開了除錯功能之後,發現了px為單位的長度上還有小數點。靈機一動就覺得這應該是小數點的問題,所以我調了圖三的程式碼,

沒錯,你沒看錯,我只是加了10rpx而已,轉換到手機上面的時候px上面的差距也就只有零點幾,但是效果已經出來了

而我改程式碼的地方就是包含著image的一個button,所以解決方法就是把外面的框加大一點,直到能容得下你的圖片就行。

是不是感覺被耍了,嘿嘿嘿~但事實我就是這麼解決的