rem - 自適應(yīng)布局 二

出現(xiàn)如下圖 :? ?一屏幕顯示不完??

<script>

?/**

? ? * 根據(jù)屏幕尺寸,調(diào)整文案大小

? ? */

? ? initPageScale();

? ? function initPageScale() {

? ? ? ? var width = document.documentElement.clientWidth;

? ? ? ? var height = document.documentElement.clientHeight;

? ? ? ? //設(shè)置一個(gè)最小值,防止當(dāng)瀏覽器里有top和bottom條時(shí)候,縮放比例太小

? ? ? ? if (height < 520) {? ? ? ? ? ? //height = 520;

? ? ? ? }

? ? ? ? var ratio = 1;

? ? ? ? var clientRatio = height / width;

? ? ? ? var standardRatio = 1325 / 750; //視覺(jué)基準(zhǔn)

? ? ? ? if (clientRatio < standardRatio) { //扁屏幕要進(jìn)行縮放處理

? ? ? ? ? ? ratio = clientRatio / standardRatio;

}

? ? ? ? // var docuW = document.documentElement.clientWidth,

//? ? abc = docuW / 750 * ratio;

// document.getElementsByTagName('html')[0].style.fontSize = abc * 100 + 'px';

// document.getElementsByTagName('html')[0].style.fontSize = (document.documentElement.clientWidth / 750) * 100 + "px";

? ? ? ? document.getElementsByTagName('html')[0].style.fontSize= (document.documentElement.clientWidth/ 750 * ratio) * 100 + "px";

}

</script>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容