現象
最近在做一個需求，需要在微信小程序中嵌入h5頁面，h5頁面內嵌入了一個video視頻，當iOS用戶打開，並且其開啟了屏幕自動旋轉，全屏之后，橫屏觀看，點擊左上角的關閉按鈕，webview的樣式會錯亂。
問題原因
微信小程序強制webview頁面不能橫屏，但是video視頻全屏后是系統組件，可以橫屏，所有就造成了這種情況
解決方案
微信小程序可針對單個頁面配置其是否允許橫屏（微信默認是不能橫屏）,即可解決問題，代碼如下：
{
window: {
"pageOrientation": "auto",
}
}
參考鏈接：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html