关于微信小程序图片本地显示真机测试上不能显示的问题

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_37252943/article/details/83622145

废话不多说直接入正题

  1. 图片不能过大
  2. 图片命名不能含有中文
  3. 图片命名也不能有空格
  4. 图片大小写要区分
  5. 以接口或者链接形式的图片开头不能是大写的HTTP结尾也不能是.PNG

上面就是我在今天碰到问题时在网上搜到的普遍解决方法

但如果问题还没解决,怎么办呢?你很可能遇到跟我一样的问题——rpx转换到px的微差。当我们用编辑器编写用于手机端的自适应单位用的自然是rpx,但是根据不同的手机屏幕大小不一样的情况下转换到px肯定也会有差距,在小数点之后可能就没用了。看我的实例情况:

  

左一图就是我在手机上看见的效果,但左二图中本应该有的三角形图案却不见了。在我耗了大半个小时之后,打开了调试功能之后,发现了px为单位的长度上还有小数点。灵机一动就觉得这应该是小数点的问题,所以我调了图三的代码,

没错,你没看错,我只是加了10rpx而已,转换到手机上面的时候px上面的差距也就只有零点几,但是效果已经出来了

而我改代码的地方就是包含着image的一个button,所以解决方法就是把外面的框加大一点,直到能容得下你的图片就行。

是不是感觉被耍了,嘿嘿嘿~但事实我就是这么解决的

扫描二维码关注公众号,回复: 3945219 查看本文章

猜你喜欢

转载自blog.csdn.net/weixin_37252943/article/details/83622145
今日推荐