㈠ 小程序 textarea高度自適應
那是因為textarea有默亂胡陵認的最大字元數的限做老制，maxlength="嘩戚-1"這樣就可以輸入了
㈡ 實現小程序image圖片寬度100%高度自適應
因為微信小程序的圖片image有默認的寬高：width: 320px和height: 240px，所以只設置寬度100%是無效的，因為圖圓亮片高度默認240px
只需要添加屬性 mode="widthFix"
<image class="img" src="../images/1.png" mode="widthFix">
設置寬度100%，
.img{width: 100%;}
這樣就可以橘慧寬實現圖片寬度100%高度自適碧備應，圖片不會拉伸
㈢ 微信小程序橫屏狀態下的自適應實踐（尺寸單位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定義該函數，：
於是，橫屏頁面下，我們可以這樣定義一個按鈕使之做到自適應：
最終渲染出來的結果是：
你學廢了嗎？
微信搜索「 熊貓活動助理 」進入體驗。
小程序中的抽獎界面使用了橫屏模式，可以進入小程序體驗一下，具體操作可參考 《如何製作一個抽獎點名工具》 。
㈣ 小程序詳情頁尺寸大小多少
小程序詳情頁尺寸是750*1600*1400
你在設計稿件中可以把圖片做成750px寬，而高度，我建議你做成1600，然後掐頭去尾留1400高度作為畫布的高度。並且要求考慮到屏幕變長變短後UI是否可以適應。(這個和設計自適應網頁一致)
為什麼要這樣做？
不同手機高度是不相同的。當然寬度也不相同，但是小程序給了你一種機制rpx，可以把屏幕寬度確定在750rpx，那麼只要考慮高度上適應。
做到含系統UI1600的話，差不多是小屏幕和大屏幕的折中。那麼你在這個基礎上調整，能夠比較方便。
如UI要考慮到橫屏？
那這個時候就很不一樣了喔，要把高寬思維調過來。
如果內容圖片要支持高清？
那麼你設計UI的時候，按照750px屏寬做可以的。
但是在處理內容圖片的時候可以再翻大一倍。代價就是圖片變大了。這個權衡好了再定。如果一個界面一下子打開一百個內容的列表，一口氣要載入十幾m圖片，那體驗也會糟糕。
如果不是設計，是開發定義css怎麼辦？
和其他人不同，我不建議用750rpx定義。如果需要橫向盛滿，那麼應該用100%，或者更酷的100vw。
如果是UI元素的，用em，rem。這些都是CSS原生的概念。和一個像素被智能切成了多少個像素沒關系。
這樣就可以延續更加成熟的CSS框架思想。
㈤ 微信小程序頁面頭部高度自適應
1.在app動態獲取頁面頭部導航高度
2.定義頭部組件
組件js
組件json
組件wxml
組件wxss自己寫
3.需要引入的頁面
（1）.修改當前頁面頭部，自定義頁面頭圖,引入組件
引入頁面json
(2).頁面js
(3).頁面中使用組件,直接插入頁面就可以了