有的設計稿是要求滿屏顯示的情況,要重新計算高度的差值,再乘以字體縮放頁面。不對的希望幫我指正哦,多謝!
var oBjHeight = $("body").height(),
oBjWindowHeight= $(window).height();
if( oBjHeight > oBjWindowHeight){
docEl.style.fontSize = (20 * (docEl.clientWidth / 320))*(oBjWindowHeight/oBjHeight) + 'px';
}
var oBjHeight = $("body").height(),
oBjWindowHeight= $(window).height();
if( oBjHeight > oBjWindowHeight){
docEl.style.fontSize = (20 * (docEl.clientWidth / 320))*(oBjWindowHeight/oBjHeight) + 'px';
}
2016-03-22
這樣寬度比例是正確的,但是按照這樣的算法在不同的手機下有的內容都超過了一屏的高度了,而設計稿是一屏高度,這樣的頁面該如何在計算適應手機高度的情況下的字體大小呢?
2016-03-22