1. 程式人生 > >不同移動裝置的響應式佈局demo

不同移動裝置的響應式佈局demo

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}`) }