rpx單位是微信小程序中css的尺寸單位，rpx可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)規(guī)定屏幕寬為750rpx如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 05px = 1物理像素設(shè)。

小程序開發(fā)尺寸是rpxresponsive pixel，可以實現(xiàn)一稿適配所有屏幕尺寸，小程序編譯后，rpx會做一次px換算換算是以375個物理像素為基準(zhǔn)，也就是在一個寬度為375物理像素的屏幕下，1rpx = 1px這里了解就行，設(shè)計稿尺寸。

如服裝類530*650其他小程序推廣頁分別為彈窗圖530*650，浮窗海報750*259，會場轉(zhuǎn)發(fā)圖500*400 如服裝類，我們會在架構(gòu)表備注的要求 商品詳情頁750或800的寬度皆可，適應(yīng)手機閱讀，高度則根據(jù)商品本身實際情況而定，建。

2設(shè)計商品圖尺寸，建議詳情圖尺寸寬度800，高度不限，輸出畫質(zhì)70%，格式j(luò)pg3目前微信小程序分享圖片分享卡片的圖片尺寸長寬比例是54，只要是這樣的比例就可以了，比如50px*40px100px*80px設(shè)置成這樣的圖片大小。

案例2一個以屏幕最長邊為邊長的正方形如上圖右邊黃色區(qū)域可以這樣定義所以，我們在小程序中使用 vmin 作為長度單位就能保證所有元素都能正常展示，也可以適應(yīng)各種尺寸的屏幕了但是這樣一來，寫CSS的時候不就很麻煩。

以下圖為例，ui給定的頭像的寬高為90px總結(jié)ui以蘋果6或者蘋果6plus為模板設(shè)計出來的圖片，px和rpx都需要做運算處理，規(guī)律如上，小程序官方文檔建議ui以蘋果6模板作圖我的這篇文章有各種設(shè)備的尺寸信息 手機屏幕尺寸。

點擊模板進(jìn)入后臺編輯頁面，在“小程序設(shè)計頁面設(shè)計”里，你可以添加圖片banner版塊，選擇輪播圖類型，上傳自己的輪播圖圖片小程序輪播圖尺寸大小推薦1600*900，這樣看起來比較美觀如果你沒有自己的圖片，也可以使用上線了。

需要注意的是，微信小程序的全屏顯示可能會受到電腦屏幕大小和分辨率的限制，如果小程序界面設(shè)計不合理，可能會導(dǎo)致部分內(nèi)容顯示不全或者布局錯亂因此，在開發(fā)微信小程序時，應(yīng)該考慮到不同屏幕大小和分辨率的適配問題，以確保小。

以一場專題活動為例，說明設(shè)計的圖片內(nèi)容和常規(guī)尺寸要求如下專題頁頭圖即首頁焦點圖輪播圖尺寸視行業(yè)特性而定，如百貨類生鮮類690*230，如服裝類530*650其他小程序推廣頁分別為彈窗 圖530*650，浮窗海報750*259。

關(guān)于是否使用rpx還是px，首先需要明白兩者之間的區(qū)別rpx微信小程序中的尺寸單位rpxresponsive pixel可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)規(guī)定屏幕寬度為750rpx微信官方建議視覺稿以iphone6為標(biāo)準(zhǔn)，一般設(shè)計師出圖為2倍圖px。

制作的icon要在50*50px以內(nèi)紅色， 小程序?qū)Ш絠con周圍系統(tǒng)自留了空間藍(lán)色，此處的小房子icon是34*39px 微信小程序，簡稱小程序，英文名MiniProgram，是一種不需要下載安裝即可使用的應(yīng)用，它實現(xiàn)了應(yīng)用“觸手可及”。

1打開微信公眾平臺登錄公眾號，進(jìn)入素材管理界面然后新建圖文信息，進(jìn)入圖文編輯界面點擊右方多媒體列表中的“小程序”2選擇已經(jīng)與公眾號綁定的小程序3確認(rèn)展示形式4填寫小程序路徑卡片標(biāo)題，并上傳大小為。

不過，有可能是因為微信小程序本身的限制或者是電腦的瀏覽器設(shè)置原因?qū)е聼o法放大你可以嘗試以下方法來解決問題1 按住鍵盤上的 Ctrl 按鍵，同時滾動鼠標(biāo)滾輪，可以放大或縮小瀏覽器窗口內(nèi)的內(nèi)容和頁面大小2 如果上述。

為了適應(yīng)廣大的前端開發(fā)者，微信小程序的 SS 具有 CSS 大部分特性 同時為了更適合開發(fā)小程序，微信開發(fā)者對 CSS 進(jìn)行了擴充以及修改與 CSS 相比SS擴展的特性有其中，rpx就是尺寸單位建議 開發(fā)微信小程序時。

360像素寬度乘200像素高度根據(jù)查詢廣力云微信網(wǎng)顯示微信小程序平臺規(guī)定，小程序頭像的尺寸必須為正方形為了保證頭像的清晰度，建議頭像的尺寸為360像素寬度乘200像素高度隨著小程序的普及，越來越多的企業(yè)和個人開始開發(fā)。

微信導(dǎo)航欄，直接繼承于客戶端，除導(dǎo)航欄顏色之外，開發(fā)者無需亦不可對其中的內(nèi)容進(jìn)行自定義但開發(fā)者需要規(guī)定小程序各個頁面的跳轉(zhuǎn)關(guān)系，讓導(dǎo)航系統(tǒng)能夠以合理的方式工作微信導(dǎo)航欄分為導(dǎo)航區(qū)域標(biāo)題區(qū)域以及操作區(qū)域其中導(dǎo)航區(qū)控制程序。

程序作者可調(diào)整首先第一步需要我們登錄注冊申請的微信公眾號的后臺，在登錄到后臺之后選擇右側(cè)的“素材管理”這個選項，進(jìn)入到微信公眾號的素材管理之后，找到并點擊“新建圖文素材”這個選項現(xiàn)在來打開一個Word軟件，在Word。