收藏
回答

小屏iphone5和ipad与其他机型样式兼容性?

微信小程序使用的rpx单位,同样的样式,为什么在小屏iphone5和ipad上与其他机型样式会有差异?

例如:
    .tabbar{
      position:fixed;
      top:0;
      width:100%;
      z-index:999;
      background-color:#fff;
    }
    .index{
      margin-top:100rpx
    }

同样margin-top:100rpx,在iphone5和ipad上与其他机型不一样,ipad默认的是px?



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

1 个回答

  • 寒轩
    寒轩
    2020-04-11

    rpx是自适应单位。微信规定所有设备的屏幕宽度都是750rpx。ipad屏幕宽,每一个rpx代表的长度就大。100rpx就会显得很长。详见:

    https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html#%E5%B0%BA%E5%AF%B8%E5%8D%95%E4%BD%8D

    2020-04-11
    有用
    回复 3
    • zhiou
      zhiou
      2020-04-11
      ipad和小屏样式适配不怎么友好,也不是自适应的,需要判断屏幕去修改样式
      2020-04-11
      回复
    • 寒轩
      寒轩
      2020-04-11回复zhiou
      恩,ipad和iphone其实不能用一套rpx参数,宽度差距太大了
      2020-04-11
      回复
    • 程晋瑞
      程晋瑞
      2020-06-12
      感觉做媒体查询一个个改有点原始,有好的方法吗
      2020-06-12
      回复
登录 后发表内容
问题标签