服務項目
品牌網站建設

數字營銷

係統平台開發

數字產品

安全運維

Menu
官网开云
官网开云
微信小程序學習點滴《三》:開發工具及開發環境配置,尺寸單位rpx與px,rem相互轉換 ...
時間:2016-10-17 13:11:00
一:開發工具及開發環境配置
1.開發工具下載地址
Windows 64位 下載

Windows 32位 下載

MacOS 下載


2.安裝過程
對於Windows用戶直接雙擊下一步的方式安裝即可,此處注意我們使用的版本是官方最新的版本(不需要破解),可以不用AppID,也就是說沒有資格的開發者也可以測試。

2.1 環境測試以及演示項目
2.1.1安裝完成過後通過打開我們已經完成的應用測試環境是否正常
2.1.2開發者工具安裝完成後,打開並使用微信掃碼登錄。


2.1.3選擇創建“項目”,填入你在公眾(zhong) 平台的`AppID`,如果沒有的話可以點擊`無AppID`。

2.1.4設置一個(ge) 本地項目的名稱(非小程序名稱),比如`WeApp Demo`,並選擇一個(ge) 本地文件夾作為(wei) 存儲(chu) 目錄。點

擊"添加項目"

2.2  接下來點擊`新建項目`就可以在主界麵中預覽到示例項目了



二:尺寸單位rpx與(yu) px,rem相互轉換


1. rpx :微信小程序開發中新出了尺寸單位rpx(responsive pixel): 可以根據屏幕寬度進行自適應。規定屏幕寬為(wei) 750rpx。

如在 iphoness6 上,屏幕寬度為(wei) 375px,共有750個(ge) 物理像素,則750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。

微信官方建議視覺稿以iphoness 6為(wei) 標準.

2.rem rem(root em): 規定屏幕寬度為(wei) 20rem;1rem = (750/20)rpx 。

微信小程序開發尺寸單位文檔

Kaiyun体育官方全站入口服務SERVICE
谘詢
微信掃碼谘詢
電話谘詢
400-888-9358