APPLE手機
使用vh:失效
使用dvh/lvh/svh:成功
Android 手機
使用vh/dvh/svh/lvh:計算皆失效
終極解決方案(APPLE/Android通用)
使用window.innerHeight偵測頁面高度之後,再計算元件高度。
撰寫範例
console.log(window.innerHeight);
var camClass = document.querySelectorAll('.eleCamBk');
var camClassHeight = "" ;
if(document.body.clientWidth < 768){
camClassHeight = window.innerHeight - 100 ;
console.log(camClassHeight);
}else{
camClassHeight = window.innerHeight - 124 ;
console.log(camClassHeight);
}
var camClassHeightString = camClassHeight.toString() ;
console.log(camClass);
camClass.forEach(element => {
element.style.height = camClassHeightString + "px"; // 設置為所需的高度
});