WeChatミニプログラムのページとサイズの単位の概要

ページをすばやく生成

  • app.jsonに「ページ/ニュース/ニュース」を追加します
{
  "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物理解像度(ピクセル)
  • 1インチあたりのppiピクセル

小さなプログラム単位の変換関係

  • 1px = 1rpx = iphone6で0.5pt(rpxは異なるデバイスで変換されますが、pxは変換されません)


パスの問題

  • 相対パス
    • <image src="../../img/timg (1).jpg"></image>
  • 絶対パス
    • 「/」を使用
    • <image src="/img/timg (1).jpg"></image>
49件の元の記事が公開されました いいね3 5096を訪問します

おすすめ

転載: blog.csdn.net/weixin_43487066/article/details/105467626