52 lines
1.4 KiB
JavaScript
52 lines
1.4 KiB
JavaScript
|
/*
|
||
|
|
* @Author: SunTao 328867980@qq.com
|
||
|
|
* @Date: 2024-12-09 17:19:23
|
||
|
|
* @LastEditors: SunTao 328867980@qq.com
|
||
|
|
* @LastEditTime: 2024-12-09 17:19:28
|
||
|
|
* @FilePath: \znxjxt-ui\public\lib-flexible.js
|
||
|
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
||
|
|
*/
|
||
|
|
(function flexible(window, document) {
|
||
|
|
var docEl = document.documentElement
|
||
|
|
var dpr = window.devicePixelRatio || 1
|
||
|
|
|
||
|
|
// adjust body font size
|
||
|
|
function setBodyFontSize() {
|
||
|
|
if (document.body) {
|
||
|
|
document.body.style.fontSize = (16 * dpr) + 'px'
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
document.addEventListener('DOMContentLoaded', setBodyFontSize)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
setBodyFontSize();
|
||
|
|
|
||
|
|
function setRemUnit() {
|
||
|
|
var rem = docEl.clientWidth / 120
|
||
|
|
docEl.style.fontSize = rem + 'px'
|
||
|
|
}
|
||
|
|
|
||
|
|
setRemUnit()
|
||
|
|
|
||
|
|
// reset rem unit on page resize
|
||
|
|
window.addEventListener('resize', setRemUnit)
|
||
|
|
window.addEventListener('pageshow', function (e) {
|
||
|
|
if (e.persisted) {
|
||
|
|
setRemUnit()
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
// detect 0.5px supports
|
||
|
|
if (dpr >= 2) {
|
||
|
|
var fakeBody = document.createElement('body')
|
||
|
|
var testElement = document.createElement('div')
|
||
|
|
testElement.style.border = '.5px solid transparent'
|
||
|
|
fakeBody.appendChild(testElement)
|
||
|
|
docEl.appendChild(fakeBody)
|
||
|
|
if (testElement.offsetHeight === 1) {
|
||
|
|
docEl.classList.add('hairlines')
|
||
|
|
}
|
||
|
|
docEl.removeChild(fakeBody)
|
||
|
|
}
|
||
|
|
}(window, document))
|