微信小程序 page和尺寸单位问题总结

快速生成page

• 在app.json添加 “pages/news/news”

{
  "pages": [
    "pages/welcome/welcome",
    "pages/index/index",
    "pages/logs/logs",
    //添加列
    "pages/news/news"
   
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "测试页面",
    "navigationBarTextStyle": "black"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

注意点:

• 相当于
• 750rpx 任何手机尺寸都能占满全屏幕

相关单位

• pt逻辑分辨率(视觉单位，和屏幕尺寸有关系)
• px物理分辨率(像素点)
• ppi 每英寸包含的像素点

小程序单位换算关系

• iphone6下1px=1rpx=0.5pt(rpx会在不同设备下转换、而px不会)

路径问题

• 相对路径
  • <image src="../../img/timg (1).jpg"></image>
• 绝对路径
  • 用’/’
  • <image src="/img/timg (1).jpg"></image>