不同移動裝置的響應式佈局demo
阿新 • • 發佈:2018-12-18
window.onload = function() {
setRootFontSize();
setScaleFactor();
}
window.addEventListener('resize', function () {
setRootFontSize();
setScaleFactor();
})
function getDeviceWidth() {
return window.innerWidth;
}
function getDpr() {
return window.devicePixelRatio;
}
function setRootFontSize() {
var deviceWidth = getDeviceWidth();
document.documentElement.style.fontSize = deviceWidth / 10 + 'px';
}
function setScaleFactor() {
var dpr = getDpr();
document.getElementsByTagName('meta')[1].setAttribute('content', `width=device-width, initial-scale=${1 / dpr}`)
}