如何將小程序設置為適應屏幕

A. 蘋果手機微信怎麼把小程序放到桌面

越來越多的人喜歡使用微信，我們可以在微信的小程序中搜索各種app，那麼怎樣在桌面添加微信小程序呢？小編就來為大家介紹一下吧

步驟1 系統賦予微信許可權：
1. 第一步，點擊並打開系統設置選項。

2. 第二步，在系統設置頁面里點擊應用選項右邊的箭頭。
3. 第三步，我們會看到如下圖所示的應用頁面，點擊許可權管理右邊的箭頭。
4. 第四步，點擊下圖箭頭所指的許可權選項。
5. 第五步，往下滑動屏幕，找到並點擊桌面快捷方式右邊的箭頭。
6. 第六步，在創建桌面快捷方式頁面中找到微信APP。
7. 第七步，打開微信後面的選項框。

步驟2 添加小程序快捷方式：
1. 第一步，點擊並打開微信app。
2. 第二步，點擊頁面底部的發現選項，接著點擊上圖箭頭所指的小程序選項。

3. 第三步，點擊你想要添加到桌面的小程序，小編在這里就以愛奇藝為例。

4. 第四步，我們會看到如下圖所示的頁面，點擊下圖箭頭所指的橫著的三個點的選項。

5. 第五步，我們會看到如下圖彈出的選項框，點擊添加到桌面選項

6. 這樣我們就成功將小程序中的愛奇藝視頻添加到桌面了。

以上就是怎樣在桌面添加微信小程序的方法。

1.蘋果手機屏幕上怎麼添加應用小組件

1. 蘋果手機可以通過安裝一個名為iWidgets的免費插件來解決這個問題，它可以實現類似安卓的那種小組件效果。iWidgets 設置方法如下

iWidgets沒有任何設置或圖標，安裝即用。

(1)要使用iWidgets，在桌面上任意空白位置長按即會彈出設置框，會列出當前已經安裝的iWidgets的小組件，如下圖第1、2項是iWidgets自帶的，第3項是選擇安裝的：

(2)點擊需要放在桌面上的小組件，進入該組件的設置界面，通常就是設置是否允許交互，有些特殊的小組件有更復雜的設置，設置好之後點擊右上角的Add按鈕，就會將小組件添加到桌面了。

2.蘋果手機怎麼添加窗口小部件

第一步：手指從iPhone屏幕頂部向下輕掃來打開通知中心。

第二步：滾動屏幕，找到並點擊「編輯」按鈕。 第三步：點擊你需要添加的小部件名稱前的紅色按鈕。

最後按右上角的「完成」按鈕確定添加。 (1)如何將小程序設置為適應屏幕擴展閱讀：iPhone的iOS7的中文主屏幕畫面，顯示大部分由蘋果公司內置的應用程序。

用戶可從App Store下載其他開發者的應用程序，創建剪輯、圖標重新排序、創建及刪除文件夾。 iPhone主屏幕畫面是建基於圖形用戶界面，可用的應用程序以圖形化列表顯示，通常每次只運作一個程序。

從iPhone4開始，多任務作業的初始版本發揮作用，用戶可連按兩次Home鍵來選擇曾經使用的應用程序，然而沒有應用程序能在背景運行。從iOS7開始，應用程序真的可以多任務作業，每個應用程序可在不使用時在背景運行，在通話或聽音樂時可以同時使用大多數的功能。

任何時間只要通過按下硬體Home鍵，就能關閉使用中的應用程序。

3.蘋果手機,微信在附加程序里怎樣把它弄到桌面

1、首先打開自己的蘋果手機，然後在手機上找到附加程序，然後點進去找到自己想要拖到桌面的軟體微信。

2、進入到附加程序界面，找到微信軟體後，長按微信軟體，知道軟體上方出現*的符號，就可以拖動軟體到達位置。

3、拖動微信軟體一直到自己想要放置的周幾桌面微信即可完成，但是上面還是有*，這里按一下手機中間的home鍵即可消失。

4、最後按完手機中間的home鍵之後*消失，操作成功。

B. 微信小程序橫屏狀態下的自適應實踐（尺寸單位vmin）

在目標頁面 json 文件里設置 "pageOrientation": "landscape" 即可實現全屏，這個參數默認是 "portrait" （豎屏），設置 "auto" 表示跟隨手機系統自動轉換。

需要注意的是，設為橫屏後， rpx 單位不再生效，有人建議使用 px ，但是這樣不能實現自適應布局，所以我們需要引入一個新的單位： vmin 。

vmin ：視口寬度 vw 和高度 vh 兩者之間的最小值。

其實，有 vmin 自山鎮滾然就會有 vmax ， vmax 意為視口寬度 vw 和高度 vh 兩者之間的最大值。

vw 我們都理解，是當前設備寬度的1%，即1vw就是設備寬度的1%，50vw就是設備寬度的50%（ vh 同理）

vmin 怎麼理解呢？拆一下，看成 v + min ，前面的 v 還逗余是 vw 中的 v ， min 則是 w 和 h 中的最小值，這樣一來， vmin就能理解為當前設備最短邊的1% （ vmax 則是最長邊的1%），是不是立馬就懂啦？50vmin就是最短邊的一半，100vmin就是最短邊旅改的全部。

什麼時候會用到這兩個單位呢？

案例1：一個總能展示在屏幕的正方形（如上圖左邊黃色區域）可以這樣定義：

案例2：一個以屏幕最長邊為邊長的正方形（如上圖右邊黃色區域）可以這樣定義：

所以，我們在小程序中使用 vmin 作為長度單位就能保證所有元素都能正常展示，也可以適應各種尺寸的屏幕了。

但是這樣一來，寫CSS的時候不就很麻煩？我們想實現一個豎屏狀態下是200rpx * 50rpx的按鈕，在橫屏狀態下使用 vmin 做單位的話，寬高各是多少呢？這涉及 rpx 和 vmin 的單位換算，所以我們需要定義一個轉換函數幫助我們處理這些轉換邏輯。

這篇文章 介紹了如何在微信小程序中使用SCSS，這里我們使用SCSS定義該函數，：

於是，橫屏頁面下，我們可以這樣定義一個按鈕使之做到自適應：

最終渲染出來的結果是：

你學廢了嗎？

微信搜索「 熊貓活動助理 」進入體驗。

小程序中的抽獎界面使用了橫屏模式，可以進入小程序體驗一下，具體操作可參考 《如何製作一個抽獎點名工具》 。

C. 微信小程序屏幕太大怎麼變小

方法如下：
開啟縮放功能，然後三個手指點擊屏幕就可以了。打開設置，選擇通用，點擊輔助功能，然後開啟縮放，使用三個手指點擊屏幕，可以對屏幕進行縮放。

D. 如何把小程序放到手機桌面

品牌型號：華為p40
系統：HarmonyOS2.0
把小程序放到手機桌面需要在小程序界面中，點擊三點設置即可。以華為p40手機為例，把小程序放到手機桌面步驟為2步，具體操作如下： 1 點擊三點 <!-- 1第1步 點擊三點 -->

在小程序界面中，點擊三點。

E. 紐曼手機怎麼把小程序放桌面

紐曼手機可以這樣把小程序放桌面：打開手機微信，將小程序設置到桌面即可。具體步驟指尺缺：
1、打開紐曼手機的微信，點擊發現，然後點擊小程序，
2、在困尺小唯辯程序頁面列表中，選擇需要添加到桌面的小程序，然後點擊右上角的...圖標。
3、點擊添加到桌面圖標即可。紐曼手機是首款千元以下的時尚雙核雙卡3G智能手機。

F. 微信小程序怎麼放在手機主屏幕上

把小程序添加到桌面是目前安卓微信用戶獨享的一個特權，具體的設置方法如下。
小程序添加到桌面教程：
如果是Android用戶，還可以享受一個特權：把小程序添加到桌面。
在小程序右上角點擊三個點，即可看到「添加到桌面」的選項，點擊即可直接將小程序添加到桌面。

會看到桌面多出了一個小程序的圖標。之後如果你想啟動這個小程序，從桌面點擊圖標直接啟動就可以了。

擴展

主要功能
微信聊天：支持發送語音簡訊、視頻、圖片（包括表情）和文字，是一種聊天軟體，支持多人群聊（最高40人，100人和200人的群聊正在內測）。
添加好友：微信支持查找微信號（具體步驟：點擊微信界面下方的朋友們—>添加朋友—>搜號碼，然後輸入想搜索的微信號碼，然後點擊查找即可）、查看QQ好友添加好友、查看手機通訊錄和分享微信號添加好友、搖一搖添加好友、二維碼查找添加好友和漂流瓶接受好友等7種方式。
實時對講機功能：用戶可以通過語音聊天室和一群人語音對講，但與在群里發語音不同的是，這個聊天室的消息幾乎是實時的，並且不會留下任何記錄，在手機屏幕關閉的情況下也仍可進行實時聊天。
其他功能
朋友圈：用戶可以通過朋友圈發表文字和圖片，同時可通過其他軟體將文章或者音樂分享到朋友圈。用戶可以對好友新發的照片進行「評論」或「贊」，用戶只能看相同好友的評論或贊。
語音提醒：用戶可以通過語音告訴Ta提醒打電話或是查看郵件。
通訊錄安全助手：開啟後可上傳手機通訊錄至伺服器，也可將之前上傳的通訊錄下載至手機。
QQ郵箱提醒：開啟後可接收來自QQ郵件的郵件，收到郵件後可直接回復或轉發。
私信助手：開啟後可接收來自QQ微博的私信，收到私信後可直接回復。
漂流瓶：通過扔瓶子和撈瓶子來匿名交友。
查看附近的人：微信將會根據您的地理位置找到在用戶附近同樣開啟本功能的人。（LBS功能）
語音記事本：可以進行語音速記，還支持視頻、圖片、文字記事。

G. 小米手機怎樣把微信上的小程序添加到桌面

打開【微信】，進入到微信主頁，下拉屏幕，選擇要放在桌面的小程序，進入到小程序後，點擊右上角的【三點】圖標-【添加到桌面】-【前往設置】，在新界面下滑，找到【桌面快捷方式】-【始終允許】，接著再次點擊右上角的【三點圖標】-【添加到桌面】即可。

H. 華為筆記本電腦不能放大微信小程序嗎

一般情況下，華為筆記本電腦是可以放大微信小程序的。不過，有可能是因為微信小程序本身的限制或者是電腦的瀏覽器設置原因導致無法放大。你可以嘗試以下方法來解決問題：

1. 按住鍵盤上的 Ctrl 按鍵，同時滾動滑鼠滾輪，可以放大或縮小瀏覽器窗口內的內容和頁面大小。

2. 如果上述方法無效，可以嘗試在電腦的瀏覽器中修改縮放比例。在瀏覽器譽宏洞右上角的菜單中，找到「設置」或「選項」等相關選項，然後在「顯示設置」或「縮放」等設置中，調整頁面慶枯顯示比例。

3. 如果仍然無法放大微信小程序，可能是絕侍微信小程序本身的限制導致無法放大。您可以確認微信小程序是否支持縮放或者嘗試手動調整小程序內部的字體和界面大小。

I. 華為手機如何添加桌面小程序

華為手機可以通過以下操作添加天氣、時鍾等桌面小工具。
1、在桌面上雙指捏合，進入桌面編輯狀態。
2、點擊窗口小工具，然後可以向左滑動查看所有小工具。
3、部分小工具（如天氣）會有多種樣式，點擊該圖標可以展開所有的樣式。向右滑動展開的樣式，可以收攏。
4、點擊需要的小工具圖標，即可將其添加到當前屏幕。如果當前屏幕沒有空間，您可以長按並拖動該圖標，將其添加到其它屏幕。

J. 小程序的image怎麼自適應大小

wxml部分：
<image src="../images/xwbanner.png" mode="widthFix" bindload="imageLoad" style="width:{{ images[index].width }}rpx; height:{{ images[index].height }}rpx;" ></image>
wxss部分：
image{
width：100%；

}
js部分：
Page({

data: {
images:{}
},
imageLoad: function(e){
var $width=e.detail.width, //獲取圖片真實寬度
$height=e.detail.height,
ratio=$width/$height; //圖片的真實寬高比例
var viewWidth=718, //設置圖片顯示寬度，左右留有16rpx邊距
viewHeight=718/ratio; //計算的高度值
var image=this.data.images;
//將圖片的datadata-index作為image對象的key,然後存儲圖片的寬高值
image[e.target.dataset.index]={
width:viewWidth,
height:viewHeight
}
this.setData({
images:image
})
},
})