假如现在有已经做好的10个1920*1080的HTML页面, 如何快速适配不同分辨率并保持页面不变形呢? 一点点改样式? no no no
可以通过一个函数快速适配哦
autoAdjust (targetWidth = 1920) {
const isFox =
navigator.userAgent.indexOf('Firefox') > -1 ? true : false;
let adjustWindow = () => {
const ratio = document.documentElement.clientWidth / targetWidth;
const htmlHeight =
(document.documentElement.clientHeight * targetWidth) / document.documentElement.clientWidth + 'px';
document.documentElement.style.height = htmlHeight;
if (isFox) {
document.documentElement.style.transform = `scale(${ratio})`;
} else {
document.documentElement.style.zoom = ratio;
}
document.documentElement.setAttribute('data-ratio', ratio);
let allTag = document.getElementsByTagNam