概述
為保證用戶在 PC 端使用小程序也有流暢友好的體驗(yàn),本指引將提供一系列大屏適配相關(guān)建議,以供參考。
1.為什么要做適配?
由于用戶可在 PC 端使用小程序,且有可能在不同尺寸視圖下進(jìn)行切換,為了保證小程序在不同尺寸屏幕下的體驗(yàn)流暢友好,我們建議開發(fā)者根據(jù)用戶使用設(shè)備和場景,自行對(duì)小程序進(jìn)行適配。適配推薦柵格系統(tǒng)、配合響應(yīng)策略實(shí)現(xiàn)頁面動(dòng)態(tài)布局。
采用柵格系統(tǒng)進(jìn)行頁面設(shè)計(jì)
柵格系統(tǒng)具有規(guī)律性,其元素寬高可使用百分比進(jìn)行呈現(xiàn),這個(gè)特性讓使用柵格系統(tǒng)設(shè)計(jì)出的頁面與布局具有規(guī)律可尋,從而提高不同分辨率下頁面布局的一致性與可復(fù)用性。
制定小程序頁面的響應(yīng)策略
響應(yīng)式是系統(tǒng)對(duì)于外部變化的反饋跟適應(yīng),即通過合理的設(shè)計(jì)方案配合規(guī)范的技術(shù)來制定的變化策略。
響應(yīng)式策略的制定能夠讓小程序在任何一個(gè)尺寸的屏幕上的使用體驗(yàn)保持合理與連貫性。
2.未適配小程序在 PC 端體驗(yàn)
沒有適配的微信小程序,將無法在 PC 端切換小程序窗口尺寸,具體展現(xiàn)規(guī)則如下。
豎屏展示的小程序
無論屏幕大小,總是以手機(jī)尺寸414x736顯示。

橫屏展示的小程序
無論屏幕大小,總是以平板尺寸768x1024顯示。

豎屏展示小游戲
以平板尺寸1072x768為屏幕基準(zhǔn)尺寸,讓小游戲窗口基于手機(jī)尺寸320x568做等比例縮放處理。
#微信小程序
#小程序運(yùn)營