19 lines
602 B
JavaScript
19 lines
602 B
JavaScript
// 实现rem适配
|
||
(function () {
|
||
var setFont = function () {
|
||
var html = document.documentElement
|
||
// 获取屏幕的宽度
|
||
var width = html.clientWidth
|
||
if (width < 1024) width = 1024
|
||
if (width > 1920) width = 1920
|
||
// 计算当前屏幕下,一个rem所代表的px大小
|
||
var fontSize = width / 80 + 'px'
|
||
console.log(fontSize)
|
||
// 将字体大小赋值给htm根元素,因为rem是参照html根元素的
|
||
html.style.fontSize = fontSize
|
||
}
|
||
setFont()
|
||
window.onresize = function () {
|
||
setFont()
|
||
}
|
||
})() |