收藏
回答

image组件在Android真机显示模糊如何解决?

真机:

微信 7.0.21 测试版

=======

代码:

    <block wx:for="{{iconList}}" wx:key="id" wx:for-index="idx" wx:for-item="item">
    <view class="flex-sub " style="" data-id="{{item.id}}" data-src="{{item.src}}">
      <image mode="center" src="{{item.src}}" style="width:32px;height:32px" />
    </view>
  </block>


图标为32*32,在模拟器上显示清晰,在真机上显示模糊.

模拟器截图:


真机截图:

请问如何解决?谢谢.


代码片段:

https://developers.weixin.qq.com/s/hk6bgimm79mx


回答关注问题邀请回答
收藏

2 个回答

  • 郑钱花
    郑钱花
    2020-12-02

    这还用测试?你先去百度一下什么叫2倍屏和3倍屏,在查一下dpr和px的关系

    2020-12-02
    有用
    回复 1
    • Echo
      Echo
      发表于移动端
      2021-04-18
      你好 假如我固定一个盒子大小 里面图片做类似地图那样缩放 怎么样让他不要模糊 图片几千*几千的 放到盒子里还要让他width几百height几百
      2021-04-18
      回复
  • 小黎
    小黎
    2020-12-02

    经测试,图标为32*32,在模拟器上显示清晰,在真机上显示模糊,将图标改为64*64,缩小显示至32显示,真机上显示清晰,我以前居然没法先这个问题

    2020-12-02
    有用
    回复
登录 后发表内容
问题标签