JS PC端設定rem 移動端設定rem

window.

onresize
=function()
;//頁面剛重新整理時呼叫
init()
function
init()

const basesize =

32function
setrem()
// 初始化 
setrem()
window.
onresize
=function()

window.

onresize
=function()
//頁面剛重新整理時呼叫
init()
function
init()
else
var wh = window.innerheight;
// 當前視窗的高度
var ww = window.innerwidth;
// 當前視窗的寬度
var rem = ww * whdef;
// 以預設比例值乘以當前視窗寬度,得到該寬度下的相應font-size值
// $('html').css('font-size', rem + "px");
document.documentelement.style.fontsize = rem +
"px"
; console.
log(rem)
;}

移動端布局rem設定函式

designwidth 設計稿的實際寬度值，需要根據實際設定 maxwidth 製作稿的最大寬度值，需要根據實際設定 這段js的最後面有兩個引數記得要設定，乙個為設計稿實際寬度，乙個為製作稿最大寬度，例如設計稿為750，最大寬度為750，則為 750,750 function designwidth...

vue 專案設定移動端rem

第一種直接設定 fnresize window.onresize function function fnresize 禁止雙擊放大 document.documentelement.addeventlistener touchstart function event false var lastt...

移動端字型設定rem。和相容。

一 做少部分手機適配可以用px。二 當要適配各種手機端裝置時用rem。二 1.使用rem來設定web頁面的字型大小 2.rem是相對於根元素 3.rem能等比例適配所有螢幕 4.在根元素中定義了乙個基本字型大小為62.5 也就是10px。設定這個值主要方便計算，如果沒有 設定，將是以 16px 為基...