1、問題之合成海報：
功能技術：
問題描述：合成模糊、合成區域內容錯位，合成不完整，合成邊緣白條等。
解決方案：如有頁面布局正常合成錯位的，可以檢查合成的根節點是否使用了transform屬性，嘗試不用這個屬性再去合成。
海報大小設定：（需根據實際可以擷取的影象調整最低高度）var webwidth =document.documentelement.clientwidth;
var webheight =document.documentelement.clientheight;
var pagew_max = webwidth * 1.93;
var pageh_d=(webheight+50) > pagew_max ? pagew_max : webheight+50;
pageh_d = pageh_d < (pagew_max * 0.9) ? (pagew_max * 0.9) : pageh_d;
$(".postercompoundpage").css("height",pageh_d+"px");
//準備海報function poster()
//遞迴load
function superloadimg(imglist,imgindex)else
}}
}
//合成海報最終
function
finalcompoundposter()
html2canvas(document.queryselector("#poster"),opt).then(function
(canvas)
catch
(err)
})},200);
}
2、問題之ios輸入框彈起彈不下：
var msgbox = $('.inputele');
msgbox.on('focusin', function
()
})msgbox.on('focusout', function
() })
var originalheight=document.documentelement.clientheight ||document.body.clientheight;
$(window).resize(
function
()else
});function
tanchu()
function
shouqi()
var audiotag=$("#musicevent").get(0);
var isplay=false;
audiotag.play();
/*audiotag.addeventlistener("canplay",function()
},false);*/
$(".musicimg").click(function()else
}) // $('html').one('touchstart',function())
document.addeventlistener("weixinjsbridgeready", function () , false);
解決：在video標籤中加以下引數：
<video
controls class
="playvideoentity baseobj"
x5-playsinline
="true"
webkit-playsinline
="true"
playsinline
="true"
src="video/video.mp4"
poster
="">
video
>
5、關於長屏短屏頁面中元素太滿的處理方式
通過獲取螢幕的寬高比，來適當調整元素的定位或大小
var webwidth =document.documentelement.clientwidth;var webheight =document.documentelement.clientheight;
var screenratio = webwidth /webheight;
console.log('寬高比：',screenratio);
if(screenratio > 0.6)
}
6、阻止頁面預設事件
document.body.addeventlistener('touchmove', function (e) , ); //passive 引數不能省略，用來相容ios和android
$('.pagebox').on('touchmove', function (event) );
7、移動和pc端兩個頁面位址的切換
移動端h5開發基礎
移動端h5開發基礎知識 一.手機端開發頁面必須要加一段 注 這段 的主要意思是 讓頁面寬度等於裝置寬度，縮放比例為1，禁止使用者縮放。用於檢測視口，主要的效果就是取消下面的滾動條，讓頁面適應螢幕。二.為自己的頁面設定最大寬度和最小寬度 主要作用是在螢幕足夠大的時候，頁面也不會失真。三.相容手機螢幕大...
常見問題5 移動端
1 固定布局採用固定畫素 原理 設定好視口,跟pc端寫法一樣 版心320px 即可 優點 思路沿用pc端，上手簡單。缺點 介面左右兩側有空白 而且元素略小 使用者體驗差 2 流式布局原理 採用 替代固定px 限制布局盒子的最大寬度和最小寬度 優點 實現自適應 缺點 只做寬度適配,高度會被拉伸 3 r...
移動h5開發中遇到的問題
1 輸入框觸發輸入法後，完成輸入，頁面不回彈，這在ios手機上很常見，解決辦法是，在輸入法失去焦點是，上讓頁面抖動一下，網上很多的解決辦法，具體就不說了，時機可以自己把握，只要是完成輸入法，就可以讓頁面抖動一下 2 ios上，當用absolute將底部欄定位到底部時，向上拖動頁面，底部欄會跟著網上被...